A complete, step-by-step TypeScript tutorial series. From your first program to building full-stack applications with React, Node.js, and Next.js. Every article has working code you can copy and run.
No complicated theory. Just simple explanations and real code.
Part 1: Foundations (Tutorials #1–#8)
Learn the building blocks of the TypeScript language.
| # | Tutorial | What You Will Learn |
|---|---|---|
| 1 | What is TypeScript? Why Use It in 2026? | Why TypeScript matters, who uses it, what you can build |
| 2 | Installation and Setup | Node.js, npm, VS Code setup, tsconfig.json, first program |
| 3 | Basic Types | string, number, boolean, arrays, tuples, any, unknown |
| 4 | Functions and Type Annotations | Parameter types, return types, arrow functions, overloads |
| 5 | Objects and Interfaces | Object types, interfaces, extending, interface vs type |
| 6 | Union Types, Literal Types, and Type Aliases | Union types, literal types, discriminated unions |
| 7 | Enums and Const Assertions | Enums, const enums, as const, satisfies |
| 8 | Type Narrowing and Type Guards | typeof, instanceof, custom type guards, exhaustive checks |
Part 2: Intermediate (Tutorials #9–#16)
Build stronger programs with generics, classes, modules, and async patterns.
| # | Tutorial | What You Will Learn |
|---|---|---|
| 9 | Generics | Generic functions, interfaces, constraints, keyof |
| 10 | Classes and Access Modifiers | public, private, protected, abstract classes |
| 11 | Modules and Namespaces | import, export, type-only imports, declaration files |
| 12 | Utility Types | Partial, Required, Pick, Omit, Record |
| 13 | Mapped Types and Conditional Types | Custom mapped types, infer, template literal types |
| 14 | Error Handling Patterns | Result types, type-safe errors, error boundaries |
| 15 | Async/Await and Promises | Promise types, async functions, error handling |
| 16 | Decorators | Class decorators, method decorators, parameter decorators |
Part 3: Practical (Tutorials #17–#22)
Apply TypeScript to real frameworks and tools.
| # | Tutorial | What You Will Learn |
|---|---|---|
| 17 | TypeScript with React | Props, state, events, hooks with types |
| 18 | TypeScript with Node.js | Express/Fastify, typed APIs, middleware |
| 19 | TypeScript with Next.js | App Router, Server Components, typed routes |
| 20 | Zod and Runtime Validation | Schema validation, type inference from schemas |
| 21 | tRPC — End-to-End Type Safety | Type-safe APIs without code generation |
| 22 | Testing with TypeScript | Vitest, type testing, mocking |
Part 4: Advanced and Projects (Tutorials #23–#25)
Advanced patterns and a real project.
| # | Tutorial | What You Will Learn |
|---|---|---|
| 23 | Advanced Patterns | Branded types, builder pattern, type-safe event emitter |
| 24 | tsconfig Deep Dive | Every important compiler option explained |
| 25 | Project — Full-Stack App | Build a complete app with React, Node.js, tRPC, and Zod |
Who is This For?
- JavaScript developers who want to add TypeScript to their skills
- Developers from other languages (Python, Go, Rust, Kotlin) who want to build type-safe web apps
- Beginners who want to learn a modern, in-demand language
- Anyone who learns better by building real things instead of reading documentation
How to Use This Series
Start from Tutorial #1 and go in order. Each tutorial builds on the previous one. If you already know the basics, jump to Part 2 (Tutorial #9) for intermediate patterns.
Source Code
All code from this series is on GitHub: kemalcodes/typescript-tutorial