¿Ya dominas lo básico? Un curso estructurado de TypeScript es la vía rápida para dar el salto.
Ver cursos de TypeScript en UdemyEnlace de afiliado. No te cuesta nada extra.
- 01Preparar el entorno (lo que necesitas)
- 02Tu primera salida (console.log)
- 03Variables y anotaciones de tipo (number/string/boolean)
- 04Tipos de array
- 05Tipos en funciones (parámetros y valor devuelto)
- 06Parámetros opcionales y valores por defecto
- 07Interfaces (interface)
- 08Propiedades opcionales (?)
- 09Alias de tipo (type)
- 10Tipos unión
- 11Tipos literales
- 12enum (tipos enumerados)
- 13Clases y tipos
- 14Herencia (extends) e implementar una interfaz (implements)
- 15Genéricos (<T>)
- 16Tipos tupla
- 17Los tipos any y unknown
- 18Aserciones de tipo (as)
- 19El modificador readonly
- 20[Aplicado] Construye un mini sistema de inventario
Tu primera salida (console.log)
En esta lección escribirás tu primer programa en TypeScript y mostrarás un texto por pantalla.
console.log() muestra por consola lo que le pases, igual que en JavaScript. Lo nuevo de TypeScript es la anotación de tipo: al escribir let mensaje: string le dices al compilador «esta variable solo puede contener texto».
En el código de ejemplo se declara una variable de tipo string y se muestra. Prueba a cambiar el texto entre comillas por otro.
Lo que confunde al empezar es para qué sirve escribir el tipo si el programa funciona igual sin él. La respuesta es que el tipo no cambia lo que hace el programa: sirve para que el editor te avise antes de ejecutar si intentas meter un número donde esperabas texto.
En proyectos reales, ese aviso anticipado es justo el motivo por el que se adopta TypeScript: los errores aparecen mientras escribes, no cuando el usuario los encuentra.
🧪 Este sitio no puede compilar ni ejecutar TypeScript directamente, así que comprueba al instante si lo que escribiste coincide con el código de referencia (la corrección ocurre por completo en tu navegador; no se envía nada a ningún servidor).