JavaScript vs TypeScript: ¿cuál aprendo primero?
La pregunta que todo el mundo hace al empezar. La respuesta corta: JavaScript primero, TypeScript después — pero ambos conviven en esta ruta desde el principio.
¿Cuál es la diferencia?
JavaScript es el lenguaje base. Dinámico, flexible, sin tipos obligatorios.
TypeScript es un superset de JavaScript creado por Microsoft. Agrega un sistema de tipos estático que desaparece en tiempo de ejecución — el navegador y Node.js solo ven JavaScript.
| Característica | JavaScript | TypeScript |
|---|---|---|
| Tipos | Opcionales (dinámico) | Estáticos en compilación |
| Errores en desarrollo | En runtime (tarde) | En el editor (inmediato) |
| Curva de aprendizaje | Más simple al inicio | Un poco más lenta |
| Compatibilidad | Corre directo en browsers | Necesita compilación |
| Proyectos grandes | Más riesgo de bugs | Mucho más mantenible |
Todo código JavaScript válido es código TypeScript válido. TypeScript solo añade sintaxis encima. Si ya sabes JS, aprender TS es cuestión de semanas.
¿Cuál aprendo primero?
Aprende JavaScript primero. Las razones son simples:
- TypeScript compila a JavaScript — necesitas entender el destino.
- Los conceptos fundamentales (variables, funciones, promesas) son iguales en ambos.
- En esta ruta verás los dos en paralelo: cada ejemplo de código tiene su tab JS y su tab TS, para que veas cómo se relacionan desde el principio.
// JavaScript: sin tipos, más conciso
function sumar(a, b) {
return a + b;
}
console.log(sumar(3, 4)); // 7
console.log(sumar("3", 4)); // "34" — bug silencioso// TypeScript: los tipos detectan el bug antes de correr
function sumar(a: number, b: number): number {
return a + b;
}
console.log(sumar(3, 4)); // 7
console.log(sumar("3", 4)); // ❌ Error: Argument of type 'string' is not assignable to parameter of type 'number'7
"34" ← JS permite esto; TS lo bloquea en el editor¿Cuándo usar TypeScript?
En proyectos reales, TypeScript es la elección por defecto. Lo usan Angular (obliga a usarlo), React (casi todos los proyectos nuevos), Vue 3, Node.js con Express/NestJS, y prácticamente todo framework moderno.
Usa TypeScript cuando:
- El proyecto tiene más de un colaborador.
- El código base crece más allá de ~500 líneas.
- Usas un framework como React, Angular o NestJS.
- Quieres autocompletado y refactorización segura en el editor.
JavaScript plano sigue siendo válido para:
- Scripts cortos de automatización.
- Prototipado rápido.
- Proyectos donde la configuración del build debe ser mínima.
Cada lección muestra el código en JavaScript y TypeScript lado a lado. Empieza leyendo el tab de JS y luego mira cómo TypeScript lo mejora.