TypeScript es un lenguaje de programación creado por Microsoft que agrega tipos estáticos a JavaScript, lo que permite detectar errores antes de ejecutar el código.
Relación entre TypeScript y JavaScript
TypeScript no reemplaza a JavaScript. TypeScript es un superconjunto de JavaScript. Eso significa que todo código JavaScript válido también es TypeScript válido.
La diferencia clave es que TypeScript agrega una capa de verificación de tipos. Cuando compilas TypeScript, el resultado es JavaScript puro que cualquier navegador o servidor puede ejecutar.
El proceso es sencillo:
- Escribes código en un archivo
.ts. - El compilador de TypeScript (
tsc) lo revisa en busca de errores de tipo. - El compilador genera un archivo
.jslimpio. - Ese archivo
.jsse ejecuta normalmente.
El problema que TypeScript resuelve
JavaScript es un lenguaje dinámico. Las variables pueden cambiar de tipo en cualquier momento. Eso genera errores difíciles de detectar.
Ejemplo sin TypeScript:
let salario = 18500;
salario = "dieciocho mil quinientos"; // JavaScript lo permite sin error
console.log(salario * 1.16); // NaN — error silencioso
Ejemplo con TypeScript:
let salario: number = 18500;
salario = "dieciocho mil quinientos"; // Error: Type 'string' is not assignable to type 'number'
El error aparece antes de ejecutar el programa. Eso ahorra horas de depuración.
Cómo se ve TypeScript en la práctica
Declaración de variables con tipo:
let nombreEmpleado: string = "Valeria Torres";
let salarioMensual: number = 22000;
let esActivo: boolean = true;
Función con tipos en parámetros y retorno:
function calcularISR(salario: number): number {
return salario * 0.10;
}
const isr = calcularISR(22000);
console.log("ISR mensual: $" + isr); // ISR mensual: $2,200
Interfaz para modelar un objeto:
interface Empleado {
nombre: string;
puesto: string;
salario: number;
}
const empleado: Empleado = {
nombre: "Carlos Mendoza",
puesto: "Desarrollador Frontend",
salario: 25000
};
Con la interfaz Empleado, TypeScript garantiza que el objeto siempre tenga esas tres propiedades con los tipos correctos.
Por qué TypeScript importa en el mercado mexicano
Empresas tecnológicas en México como Mercado Libre, FEMSA y startups de Ciudad de México, Guadalajara y Monterrey usan TypeScript en sus equipos de desarrollo.
Los perfiles de empleo en plataformas como OCC Mundial y LinkedIn México muestran que los desarrolladores con TypeScript ganan entre $20,000 y $30,000 al mes, dependiendo del nivel de experiencia.
Un desarrollador JavaScript sin TypeScript puede aspirar a $12,000–$18,000 al mes en posiciones similares. La diferencia es significativa.
TypeScript también mejora el trabajo en equipo. Cuando el código tiene tipos explícitos, cualquier integrante del equipo entiende qué espera cada función y qué devuelve. Eso reduce los errores de integración.
Ventajas concretas de TypeScript
| Característica | JavaScript | TypeScript |
|---|---|---|
| Detección de errores | En tiempo de ejecución | En tiempo de compilación |
| Autocompletado en editores | Básico | Avanzado |
| Documentación implícita | No | Sí, por los tipos |
| Refactorización segura | Difícil | Sencilla |
| Compatibilidad con JS | — | Total |
Errores comunes al entender TypeScript
Error 1: Creer que TypeScript es un lenguaje completamente distinto a JavaScript. No lo es. TypeScript compila a JavaScript. Si ya sabes JavaScript, aprender TypeScript es agregar una capa encima.
Error 2: Pensar que TypeScript hace el código más lento. Falso. El código que se ejecuta siempre es JavaScript puro. TypeScript solo existe en el proceso de desarrollo.
Error 3: Agregar tipos en todas partes desde el inicio. TypeScript puede inferir tipos automáticamente. No necesitas escribir el tipo en cada línea. Por ejemplo:
let precio = 350; // TypeScript infiere que es number
let tienda = "Liverpool"; // TypeScript infiere que es string
El compilador deduce el tipo por el valor asignado. Solo necesitas declarar tipos cuando TypeScript no puede inferirlos.
Lo que aprenderás en este curso
Este curso cubre los temas esenciales para usar TypeScript en proyectos reales:
- Instalación y configuración del entorno con Node.js y
tsconfig.json. - Tipos básicos:
string,number,boolean,array,tuple,any,unknown. - Interfaces y tipos personalizados para modelar datos complejos.
- Funciones tipadas con parámetros opcionales y valores por defecto.
- Clases y programación orientada a objetos con modificadores de acceso.
- Genéricos para escribir código reutilizable y flexible.
- Módulos para organizar proyectos medianos y grandes.
- Integración con Node.js para construir una aplicación real.
Cada lección incluye ejemplos con contexto mexicano: cálculos de IMSS, registros de empleados, catálogos de productos y más.
Requisitos previos
Necesitas saber JavaScript antes de este curso. No es necesario ser experto, pero debes entender variables, funciones, objetos y arreglos.
También necesitas tener instalado Node.js en tu computadora. Si aún no lo tienes, descárgalo desde nodejs.org. La versión recomendada es la LTS (Long Term Support).
Un editor de código como Visual Studio Code es lo más recomendable. TypeScript tiene soporte nativo en VS Code, lo que activa el autocompletado y los mensajes de error en tiempo real.
Puntos clave
- TypeScript es un superconjunto de JavaScript que agrega tipos estáticos. Todo código JS válido es TypeScript válido.
- Los errores de tipo se detectan antes de ejecutar el código, lo que reduce bugs en producción.
- TypeScript compila a JavaScript puro, así que no afecta el rendimiento en tiempo de ejecución.
- El mercado laboral mexicano valora TypeScript: los salarios pueden ser hasta $10,000 al mes más altos que con JavaScript solo.
- No necesitas tipar todo manualmente: TypeScript infiere tipos automáticamente cuando el valor es claro.