Dev Track 2.0

Learn in blocks. Build after every lesson.

Follow Web Development, Tailwind, TypeScript, React, and Next.js in order. Every module contains a lesson, quiz, coding exercise, and mini project—then the original iDevMeet project railway waits at the end.

10courses
74modules
333activities

Course blocks (10)

Block 03 · TYPED JAVASCRIPT PATH

TypeScript

Seventeen imported modules from first type annotations through advanced conditional and mapped types.

21 modules88 activities~50 hoursBeginner to advanced
  1. 014 activities
    What is TypeScript?

    TypeScript is a language developed by Microsoft in 2012 — it adds a `type system` on top of JavaScript. It exists to catch mistakes while you type instead of after your code ships: you specify what types your variables, functions, and objects should hold, and the `TypeScript compiler` checks every use of that value against its declared type before compiling ("transpiling") the code down to plain JavaScript that runs anywhere JS already runs.

  2. 024 activities
    Primitive Types

    TypeScript's core primitives are `string` (text), `number` (any numeric value — int, float, hex), and `boolean` (true/false).

  3. 034 activities
    Arrays & Tuples

    Arrays hold multiple values of the same `type` — TypeScript enforces this at compile time.

  4. 044 activities
    Objects & Interfaces

    An interface defines the shape of an object — which properties it has, their `types`, and whether they are `optional` or `readonly`. Interfaces are reusable and can be `extended`.

  5. 054 activities
    Functions

    Functions are reusable blocks of code. In TypeScript you can explicitly type `parameters` and `return types`, preventing errors like passing the wrong argument type or misusing a return value.

  6. 064 activities
    Union Types

    Union types let a variable hold values of more than one type using the `|` (pipe) operator.

  7. 074 activities
    Classes

    Classes are blueprints for creating objects. TypeScript adds access modifiers and strict typing on top of JavaScript classes.

  8. 084 activities
    Generics

    Generics let you write reusable code that works with different types while staying type-safe. They use the `<T>` syntax.

  9. 094 activities
    Enums

    Enums let you define a set of named constants, making code more readable and self-documenting.

  10. 104 activities
    Type Narrowing

    Type narrowing is how TypeScript figures out a more specific type from a broad one using guards or assertions.

  11. 114 activities
    Modules

    Modules split code into separate files using `export` and `import`.

  12. 124 activities
    Utility Types

    TypeScript ships with built-in generic helper types: `Partial`, `Required`, `Pick`, `Omit`, `Record`, `ReturnType`, `NonNullable`.

  13. 134 activities
    Decorators

    Decorators are functions that wrap other code. They start with `@` and sit above a class, method, property, or parameter.

  14. 144 activities
    tsconfig.json

    TypeScript uses `tsconfig.json` to understand how to compile your project. Generate it with `tsc --init`.

  15. 154 activities
    TypeScript + React

    TypeScript enhances React with typed `props`, typed `state`, typed `refs`, and typed `events`.

  16. 164 activities
    TypeScript + Node.js

    TypeScript works seamlessly with Node.js and Express for type-safe server code.

  17. 174 activities
    Advanced Types

    The deep end of TypeScript: conditional types, mapped types, template literal types, and `infer`.

  18. 185 activities
    Strict Type Safety & Error Modeling

    Use strict mode, unknown, never, discriminated results, exhaustive checks, and safe error boundaries.

  19. 195 activities
    Typed APIs & Runtime Validation

    Separate compile-time types from untrusted runtime data and validate API boundaries before values enter the application.

  20. 205 activities
    TypeScript Testing & Architecture

    Test typed functions, design dependency boundaries, use fakes, and keep domain logic independent from frameworks.

  21. 215 activities
    TypeScript Mastery Capstone

    Combine strict types, generics, validation, modules, tests, and framework integration in one production-style application.