Typescript Training

Curriculum:

Module 1: Introduction to TypeScript

• What is TypeScript?
• TypeScript vs JavaScript
• Why use TypeScript?
• TypeScript use cases
• Setting up TypeScript environment
• TypeScript compiler (tsc)

Hands-On: Create and compile your first TypeScript program.

Module 2: TypeScript Basics

• Variables and data types
• Type inference
• Type annotations
• Union and intersection types
• Any, unknown, void, never
• Type assertions

Hands-On: Strong typing for variables and functions.

Module 3: Functions in TypeScript

• Function typing
• Optional and default parameters
• Rest parameters
• Arrow functions
• Function overloads
• Call signatures

Hands-On: Build type-safe functions.

Module 4: Objects, Interfaces & Type Aliases

• Object typing
• Interfaces vs type aliases
• Optional and readonly properties
• Extending interfaces
• Index signatures

Hands-On: Design structured data models.

Module 5: Classes & Object-Oriented Programming

• Classes and constructors
• Access modifiers (public, private, protected)
• Readonly properties
• Inheritance
• Abstract classes
• Getters and setters

Hands-On: Build OOP-based TypeScript applications.

Module 6: Advanced Types

• Generics
• Constraints on generics
• Utility types (Partial, Pick, Omit, Readonly, Record)
• Conditional types
• Mapped types

Hands-On: Create reusable generic components.

Module 7: Modules & Namespaces

• ES Modules vs TypeScript modules
• Import and export syntax
• Default exports
• Namespaces (legacy use cases)
• Module resolution strategies

Module 8: TypeScript Configuration & Tooling

• tsconfig.json deep dive
• Strict mode
• Source maps
• Target & module options
• Linting with ESLint
• Formatting with Prettier

Module 9: TypeScript with JavaScript Projects

• Migrating JavaScript to TypeScript
• Gradual typing strategies
• Handling third-party libraries
• Using DefinitelyTyped (@types)
• Declaration files (.d.ts)

Hands-On: Convert a JS project to TypeScript.

Module 10: TypeScript with Frontend Frameworks

• TypeScript with Angular (overview)
• TypeScript with React (typing props & state)
• TypeScript with Vue (overview)
• Component typing best practices

Hands-On: Type-safe UI components.

Module 11: TypeScript for Backend Development

• TypeScript with Node.js
• Type-safe REST APIs
• Using Express with TypeScript
• Environment configuration
• Error handling patterns

Hands-On: Build a simple API using TypeScript.

Module 12: Asynchronous Programming in TypeScript

• Promises
• Async / Await
• Typing async functions
• Error handling in async code

Module 13: Testing & Debugging

• Debugging TypeScript applications
• Source maps
• Unit testing with TypeScript (Jest overview)
• Writing type-safe tests

Module 14: Performance & Best Practices

• Code organization best practices
• Avoiding common TypeScript pitfalls
• Type safety vs performance trade-offs
• Scalable TypeScript project structure

Module 15: Real-Time Project / Capstone

Participants work on a TypeScript-based real-world project, such as:

✔ Type-safe REST API
✔ Frontend application with typed components
✔ Shared models between frontend & backend

Project Includes:

• Proper typing & interfaces
• Modular architecture
• Best practices & configuration
• Code review & optimization