TypeScript Workshop

A comprehensive TypeScript workshop with hands-on exercises and solutions covering fundamental and advanced TypeScript concepts. (Work In Progress)

📁 Project Structure

src/
├── exercices/          # Exercise files
│   ├── session1/       # Session 1 exercises 
│   │   ├── basic.ts ✅
│   │   ├── operators.ts ✅
│   │   ├── lodash.ts ✅
│   │   └── generic.ts ✅
│   └── session2/       # Session 2 exercises
│       ├── 2 - sets de type - interface/ (WIP)
│       ├── 3 - narrowing/ (WIP)
│       ├── 5 - utility types/ ✅
│       ├── 6 - challenge/ ✅
│       ├── decorator/ (WIP)
│       ├── namespace - module/ (WIP)
│       └── React/ (WIP)
└── solutions/          # Reference solutions

📚 Topics Covered

Session 1: Fundamentals ✅

1. Basic Types (basic.ts)

   • Type literals
   • Enums and never type
   • Functions and type annotations

2. Operators (operators.ts)

   • Type operators and type manipulation
   • Conditional types
   • Mapped types

3. Lodash Types (lodash.ts)

   • Typing utility functions
   • Complex function signatures

4. Generics (generic.ts)

   • Generic functions
   • Generic constraints
   • Type inference
   • Advanced generic patterns

Session 2: Advanced Topics

1. Type Sets & Interfaces (2 - sets de type - interface/) ✅

   • Interfaces
   • Type definitions
   • Object types

2. Type Narrowing (3 - narrowing/) ✅

   • Type guards
   • Discriminated unions
   • Narrowing techniques

3. Utility Types (5 - utility types/) ✅

   • Built-in TypeScript utility types
   • Type transformations

4. Challenge (6 - challenge/) ✅

   • Advanced type challenges
   • Complex type manipulations

5. Decorators (decorator/) (WIP)

   • Class decorators
   • Method decorators
   • Property decorators

6. Namespaces & Modules (namespace - module/) (WIP)

   • Namespace declarations
   • Module systems

7. React with TypeScript (React/) (WIP)

   • Component typing
   • Hooks typing
   • Props and state management

💡 How to Use

1. Navigate to the exercise files in src/exercices/
2. Complete the exercises by adding proper TypeScript types
3. Check your solutions against the reference solutions in src/solutions/

⚙️ TypeScript Configuration

This project uses TypeScript 5.0.4 with strict mode enabled

📝 Notes

• All exercises use TypeScript's strict mode for maximum type safety
• Session 1 exercises are complete with solutions
• Session 2 still has work in progress