Saltar al contenido principal
Curso/Fundamentos/¿Qué es TypeScript?
Volver a Fundamentos

Fundamentos — Leccion 1

·15 min

¿Qué es TypeScript?

Introducción, historia, motores y por qué usarlo.

Introducción

TypeScript es un lenguaje de programación de código abierto desarrollado por Microsoft. Es un superconjunto tipado de JavaScript, lo que significa que any código JavaScript válido es también código TypeScript válido.

Dato clave: TypeScript no reemplaza a JavaScript, lo potencia. Se convierte en JavaScript antes de ejecutarse.

¿Por qué TypeScript?

Ventaja Descripción
Detección de errores Encuentra errores en tiempo de compilación, no en runtime
Mejor IDE Autocompletado, navegación, refactoring automático
Documentación Los tipos actúan como documentación viva
Escalabilidad Mantiene el código limpio en proyectos grandes
Adopción Usado por Angular, Vue, Deno, y miles de empresas

Historia

  • 2012 — Microsoft internamente (Anders Hejlsberg)
  • 2013 — Anuncio público en QCon
  • 2014 — Open source en CodePlex
  • 2016 — Angular 2 adopta TypeScript
  • 2020 — Deno lo usa como lenguaje principal
  • 2023 — TypeScript 5.x con mejoras de rendimiento

¿Cómo funciona TypeScript?

TypeScript (.ts) --> Compilador (tsc) --> JavaScript (.js) --> Ejecución
  1. Escribes código con tipos
  2. El compilador verifica los tipos
  3. Genera JavaScript limpio
  4. Se ejecuta en any navegador/Node

Ejemplo: JavaScript vs TypeScript

JavaScript:

javascript
function sumar(a, b) {
  return a + b;
}
sumar("5", 3); // "53" — Error lógico no detectado

TypeScript:

typescript
function sumar(a: number, b: number): number {
  return a + b;
}
sumar("5", 3); // Error de compilación!

Ejercicio pratico

Declara una variable 'nombre' de tipo string y una variable 'edad' de tipo number. Luego crea un console.log que muestre ambas.

exercise.ts
Loading...
Resultado

Haz clic en "Ejecutar" para ver el resultado...

Curso de TypeScript — Aprende desde cero