🗺️ Índice de Clases — TypeScript

Mapa de todo el curso en orden. Aquí veo de un vistazo qué ya estudié y qué sigue. Cada fila enlaza al resumen detallado de esa clase.

📚 Secuencia

#	Clase	Fecha	Temas principales	Estado
1	Variables base	2026-07-11	Compilar (tsc/node), variables, tipos base (string/number/boolean), null vs undefined, union types, template strings, tsconfig.json	✅
2	Variables diferente	2026-07-11	any, unknown + typeof (narrowing), void, never, archivos .d.ts/.map. Ejercicio ✅	✅
3	Listas (Arrays y tuplas)	2026-07-11	Arrays tipo[], arrays mixtos (A|B)[], tuplas [A, B], interfaces, forEach, enums (+ reverse mapping)	✅
4	Métodos (Funciones)	2026-07-11	Funciones tipadas, void vs retorno, opcionales ?, ? vs !, rest ..., default params, arrow functions, sobrecarga	✅
5	Interfaces (Objetos y funciones)	2026-07-12	interface para objetos, Persona[], opcionales ?, forEach, interface de función, readonly, extends	✅
6	Clases (POO básica)	2026-07-12	class, constructor, this, métodos, export/import, un archivo por clase	✅
7	Modificadores de acceso	2026-07-12	public, protected, private, encapsulamiento, visibilidad de propiedades y métodos	✅
8	Herencia (extends)	2026-07-12	extends, super, clase base e hija, sobrescritura, compilación en cascada	✅
9	Genéricos (<T>)	2026-08-04	Funciones y clases genéricas, tipo explícito vs inferencia, Caja<T>, restricciones con extends	✅
10	Extender métodos nativos	2026-08-05	T extends {length: number}, enriquecer .length con typeof, error TS2345, declaration merging + .prototype	✅
11	Módulos sin monolitos	2026-08-05	export function/export const, import {}, compilación en cascada, extensión .js en ESM, export default	✅
12	TS en el navegador	2026-08-06	tsc → .js, <script src>, Live Server/Live Preview, consola DevTools, DOM (getElementById/querySelector), type="module"	✅
13	Organizar src/public	2026-08-06	outDir, tsc -p, error TS5112, subcarpetas en outDir, target ES6 vs ES5, module: "CommonJS" vs navegador	✅
14	Manipular el DOM	2026-08-06	querySelector + tipos (HTMLInputElement…), type assertion as, ?. vs tipo específico, tsc --watch/-w, tipo amplio → específico	✅
15	Proyecto React con Vite	2026-08-07	npm create vite@latest, JSX/.tsx, tsc -b, 🐛 bug real: React Compiler + Rolldown-Vite rompe el HMR, + proyecto progresivo Nexus: CRUD contra la API de la Clase 17, JWT, búsqueda/orden/paginación, estadísticas con caché (29 ejercicios)	✅
16	Angular con TypeScript	2026-08-07	ng new/ng serve, decoradores @Component, standalone components, signals, 🔎 experimentalDecorators ya no es obligatorio, 🔎 ng serve sí revisa tipos, 🐛 rootDir obligatorio en TS 6.0	✅
17	API con TypeScript y Express	2026-08-07	CRUD real + SQLite (node:sqlite) sobre empleados; arquitectura de proyecto (Router, servicios, middlewares, JOIN, transacciones); auth con API key y JWT, bcrypt, rate limiting, morgan, zod, Swagger, tests con jest/supertest, config por entorno, multer, cache y graceful shutdown — 30 ejercicios acumulativos sobre el mismo proyecto	✅

Leyenda: ✅ hecha · 🔄 en curso · 🔜 siguiente · ⏸️ pausada

🎯 Ruta sugerida de TypeScript (para no perder el hilo)

Orden típico en el que se aprende TS. Lo voy marcando conforme avanzo:

• [x] 1. Fundamentos — instalar, tsc, compilar, tsconfig.json
• [x] 2. Variables y tipos base — string, number, boolean, null, undefined
• [x] 2b. Tipos especiales — any, unknown + typeof, void, never
• [x] 3. Tipos avanzados — arrays, tuplas, enum, interfaces
• [x] 4. Funciones — parámetros tipados, opcionales, valor de retorno, void
• [x] 5. Objetos e interface / type — modelar datos, propiedades opcionales
• [ ] 6. Union e Intersection types — combinar tipos, narrowing
• [x] 7. Clases — POO en TS, modificadores (public/private)
• [x] 7b. Herencia — extends, reutilización de código entre clases
• [x] 8. Genéricos — <T>, reutilizar lógica con distintos tipos
• [x] 8b. Extender métodos nativos — T extends {propiedad}, declaration merging
• [x] 9. Módulos — import / export, organizar el proyecto
• [x] 9b. TS en el navegador — compilar a .js, <script>, DOM tipado, DevTools
• [x] 9c. Organizar proyecto (src/public) — outDir, tsc -p, estructura real
• [x] 9d. Manipular el DOM — querySelector + tipos, as, ?., tsc --watch
• [x] 9e. React con Vite — npm create vite@latest, JSX/.tsx, tsc -b
• [x] 9f. Angular con TypeScript — ng new/ng serve, decoradores, signals
• [x] 9g. API con Express — middlewares, esModuleInterop, tsc/tsx
• [ ] 10. Utility types — Partial, Pick, Omit, Record…

💡 Esta ruta es una guía general de autoestudio, no un temario fijo. Ajústala según lo que vaya viendo. Lo importante: siempre sé cuál es el siguiente paso.

🧭 Cómo uso este índice

1. Al terminar una clase → creo su Clase-NN.md y agrego la fila a la tabla de arriba.
2. Marco el tema en la ruta sugerida con [x].
3. Pongo el estado de la siguiente clase en 🔜 para saber por dónde retomar.

---

📎 Relacionado: Comandos · Conceptos · Errores