CodeAventura
TypeScript
▸Descubriendo TypeScript▸¿Qué es TypeScript y por qué existe?

Misión

Editor
// ¡Bienvenido a TypeScript!
// Declara una variable con tipo string y muéstrala por consola

let mensaje = "Hola Mundo";
console.log(mensaje);

Consola
01 / 25¿Qué es TypeScript y por qué existe?

¿Qué es TypeScript y por qué existe?

JavaScript tiene un problema

JavaScript es un lenguaje increíblemente flexible. Puedes sumar un número con un string, llamar a una función que no existe, o acceder a una propiedad de undefined... y JavaScript no te dirá nada hasta que el código explote en producción.

El código se ejecuta sin quejas. El resultado es NaN. Y si esto pasa en una app real, el usuario ve un precio de "NaN€" en su carrito de compras. No es ideal.

TypeScript al rescate

En 2012, Microsoft tenía exactamente este problema. Sus aplicaciones web crecían en complejidad y los bugs por tipos incorrectos se multiplicaban. Un ingeniero llamado Anders Hejlsberg (el mismo creador de C#) propuso una solución: ¿y si JavaScript pudiera avisarte de los errores ANTES de ejecutar el código?

Así nació TypeScript — un superset de JavaScript que añade un sistema de tipos estático.

¿Qué significa "superset"?

Significa que todo código JavaScript válido es código TypeScript válido. TypeScript es JavaScript + tipos. No reemplaza a JavaScript, lo mejora.

La diferencia es esa anotación : string. Le dice a TypeScript: "esta variable solo puede contener strings". Si intentas asignarle un número, TypeScript te avisa antes de ejecutar nada.

Errores antes, no después

La magia de TypeScript es que detecta errores en tiempo de compilación, no en tiempo de ejecución:

TypeScript te avisa mientras escribes el código, en tu editor. No necesitas ejecutar nada para ver el error. Es como tener un compañero de programación que revisa tu código en tiempo real.

TypeScript se transpila a JavaScript

Los navegadores y Node.js no entienden TypeScript directamente. TypeScript se transpila (convierte) a JavaScript normal antes de ejecutarse:

Los tipos desaparecen en el proceso. Son solo una herramienta de desarrollo — no añaden peso ni complejidad al código final.

¿Quién usa TypeScript?

Prácticamente toda la industria:

  • Google: Angular está escrito en TypeScript
  • Microsoft: VS Code, Azure, Office 365
  • Airbnb: migró todo su frontend a TypeScript
  • Slack: toda su app de escritorio
  • Stripe: sus SDKs y dashboard

No es una moda. TypeScript es el estándar de la industria para proyectos JavaScript serios.

Tu desafío 🚀

Mira el editor a tu derecha. Tienes una variable mensaje sin tipo anotado.

  1. Añade la anotación : string a la variable mensaje
  2. Asegúrate de que se imprime por consola con console.log

Es tu primer paso en TypeScript: decirle al código qué tipo de dato esperas.

Acabas de dar tu primer paso en TypeScript. A partir de aquí, tus programas tendrán una red de seguridad que atrapa errores antes de que lleguen a tus usuarios.