Curso· Cargando…
Ya escribes JavaScript; ahora vas a dejar que el editor cace la mitad de tus bugs antes de ejecutar el código. Aprendes tipos, interfaces, uniones, genéricos y utility types, y los aplicas donde de verdad importan: props de React y respuestas de API tipadas de punta a punta. El curso cierra migrando un proyecto JS real a TypeScript con un tsconfig estricto y build sin errores, listo para tu portfolio.
¿Cómo evito la mitad de mis bugs antes de ejecutar el código y hago que el editor me avise en vez de que falle en producción?
Eres el dev al que le toca subir la calidad de un proyecto JavaScript heredado antes de que el equipo siga construyendo encima.. Hay una app JS que funciona pero que rompe en producción por errores que el editor podría haber avisado: una propiedad mal escrita, un dato que llega null, una respuesta de API que cambió de forma. El equipo decide migrarla a TypeScript para tener una red de seguridad antes de añadir features.
Aplicar el flujo básico de TypeScript anotando una función para que el editor cace un error de tipo antes de ejecutar el código.
Aplicar los tipos primitivos, arrays y la inferencia para tipar variables sin anotar de más, sabiendo cuándo SÍ anotar.
Entregas: Un repositorio en GitHub con un proyecto JS migrado a TypeScript: props de React tipadas, respuestas de API tipadas con un contrato compartido cliente↔servidor, tsconfig con strict activado, sin any escondidos y con build (tsc --noEmit) sin errores. Incluye un README breve que documenta qué bugs latentes destapó la migración.
Se evalúa
Tipos que te ahorran bugs
Epítome (Fundamentos) — desde la lección 1 el alumno tipa una función real y ve al editor cazar un bug que en JS habría llegado a producción. Victoria temprana tangible: el rojo del editor antes de ejecutar. Andamiaje alto, worked examples paso a paso, tutor IA presente.
Modelar con el sistema de tipos
Práctica guiada — el alumno pasa de anotar tipos sueltos a modelar la forma de sus datos: elige type vs interface, escribe genéricos básicos, reutiliza con utility types y hace inexpresables los estados imposibles con uniones discriminadas. Andamiaje medio: plantillas de tipos, el tutor revisa el modelado.
TypeScript en proyectos reales
Proyecto autónomo — se retira el andamiaje: el alumno tipa props de React y el contrato de una API end-to-end, configura tsconfig strict con criterio y migra un proyecto JS completo a TS. Cierra el project_spine en el capstone con build sin errores.
Tipar parámetros, valor de retorno, parámetros opcionales y por defecto de una función para que las llamadas incorrectas no compilen.