Welcome to my TypeScript Crash Course repository! 🎓
This repo documents my personal journey learning TypeScript through a YouTube crash course and hands-on practice.
I’m using this space to track my progress, take notes, and commit code examples as I explore how TypeScript improves JavaScript with static typing, interfaces, generics, and much more.
- Understand the core concepts of TypeScript
- Learn how to set up and configure TypeScript projects
- Use TypeScript with Node.js and React
- Build small projects to apply what I learn
- Document everything so future-me (and maybe you!) can revisit it easily
- TypeScript
- Node.js
- npm
- VS Code with TypeScript extensions
Use this checklist to track your progress as you learn TypeScript.
Check off items[x]as you complete them!
🧩 Fundamentals
- What is TypeScript and why use it?
- Installing and configuring (
tsc,tsconfig.json) - Basic types —
string,number,boolean,any,unknown,void,never - Arrays and Tuples
- Enums
- Type inference
- Type aliases and interfaces
- Union and intersection types
- Type assertions and narrowing
⚙️ Functions
- Function types and return types
- Optional and default parameters
- Rest parameters
- Function overloading
🧱 Objects and Classes
- Object types and interface extensions
- Classes, constructors, and access modifiers (
public,private,protected) - Getters and setters
- Inheritance and abstract classes
🌀 Advanced Topics
- Generics (
<T>) - Utility types (
Partial,Pick,Omit, etc.) - Modules and namespaces
- Decorators (optional / advanced)
- Type declaration files (
.d.ts)
🧩 TypeScript in Practice
- Setting up a TypeScript project with Node.js
- Using TypeScript with Express
- Using TypeScript with React
- Working with third-party type definitions (
@types/*) - Debugging TypeScript code
- Compiling and building for production
📚 Extra Learning Ideas
- Build a simple CLI tool using TypeScript
- Convert a small JS project to TypeScript
- Use TypeScript with a frontend framework (React, Vue, or Svelte)
- Learn about ESLint + Prettier integration
- Explore TypeScript 5+ new features
| Topic | Progress |
|---|---|
| 🧩 Fundamentals | 🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜ (20%) |
| ⚙️ Functions | 🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜ (10%) |
| 🧱 Classes & Objects | ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ (0%) |
| 🌀 Advanced Topics | ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜(0%) |
| 🧩 TypeScript in Practice | ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ (0%) |