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.
Course blocks (10)
TypeScript
Seventeen imported modules from first type annotations through advanced conditional and mapped types.
- 014 activitiesWhat 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.
- 024 activitiesPrimitive Types
TypeScript's core primitives are `string` (text), `number` (any numeric value — int, float, hex), and `boolean` (true/false).
- 034 activitiesArrays & Tuples
Arrays hold multiple values of the same `type` — TypeScript enforces this at compile time.
- 044 activitiesObjects & 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`.
- 054 activitiesFunctions
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.
- 064 activitiesUnion Types
Union types let a variable hold values of more than one type using the `|` (pipe) operator.
- 074 activitiesClasses
Classes are blueprints for creating objects. TypeScript adds access modifiers and strict typing on top of JavaScript classes.
- 084 activitiesGenerics
Generics let you write reusable code that works with different types while staying type-safe. They use the `<T>` syntax.
- 094 activitiesEnums
Enums let you define a set of named constants, making code more readable and self-documenting.
- 104 activitiesType Narrowing
Type narrowing is how TypeScript figures out a more specific type from a broad one using guards or assertions.
- 114 activitiesModules
Modules split code into separate files using `export` and `import`.
- 124 activitiesUtility Types
TypeScript ships with built-in generic helper types: `Partial`, `Required`, `Pick`, `Omit`, `Record`, `ReturnType`, `NonNullable`.
- 134 activitiesDecorators
Decorators are functions that wrap other code. They start with `@` and sit above a class, method, property, or parameter.
- 144 activitiestsconfig.json
TypeScript uses `tsconfig.json` to understand how to compile your project. Generate it with `tsc --init`.
- 154 activitiesTypeScript + React
TypeScript enhances React with typed `props`, typed `state`, typed `refs`, and typed `events`.
- 164 activitiesTypeScript + Node.js
TypeScript works seamlessly with Node.js and Express for type-safe server code.
- 174 activitiesAdvanced Types
The deep end of TypeScript: conditional types, mapped types, template literal types, and `infer`.
- 185 activitiesStrict Type Safety & Error Modeling
Use strict mode, unknown, never, discriminated results, exhaustive checks, and safe error boundaries.
- 195 activitiesTyped APIs & Runtime Validation
Separate compile-time types from untrusted runtime data and validate API boundaries before values enter the application.
- 205 activitiesTypeScript Testing & Architecture
Test typed functions, design dependency boundaries, use fakes, and keep domain logic independent from frameworks.
- 215 activitiesTypeScript Mastery Capstone
Combine strict types, generics, validation, modules, tests, and framework integration in one production-style application.