📚 Curso práctico: Domina TypeScript paso a paso
🚀 Módulo 1: ¿Qué es TypeScript?
Objetivo: Comprender qué es TypeScript y por qué usarlo.
- TypeScript es un superconjunto de JavaScript con tipado estático.
- Permite detectar errores en tiempo de desarrollo.
- Compila a JavaScript estándar, compatible con todos los navegadores.
Instalación:
npm install -g typescript
tsc --version🔤 Módulo 2: Tipos de datos y anotaciones
Objetivo: Declarar variables con tipos explícitos.
let nombre: string = "Lucía";
let edad: number = 28;
let activo: boolean = true;Otros tipos: any, unknown, void, null, undefined, never
📦 Módulo 3: Interfaces y tipos personalizados
Objetivo: Definir estructuras de objetos con precisión.
interface Persona {
nombre: string;
edad: number;
activo?: boolean;
}
const usuario: Persona = {
nombre: "Carlos",
edad: 35
};🔁 Módulo 4: Funciones con tipos
Objetivo: Tipar parámetros y valores de retorno.
function saludar(nombre: string): string {
return `Hola, ${nombre}`;
}También podés usar funciones flecha:
const sumar = (a: number, b: number): number => a + b;🧩 Módulo 5: Clases y herencia
Objetivo: Usar programación orientada a objetos con TypeScript.
class Animal {
constructor(public nombre: string) {}
sonido(): void {
console.log("Hace un sonido");
}
}
class Perro extends Animal {
sonido(): void {
console.log("Ladra");
}
}🧪 Módulo 6: Proyecto final
Objetivo: Aplicar lo aprendido en una mini app.
- Crear una lista de tareas con interfaz
Tarea - Agregar y eliminar tareas con funciones tipadas
- Mostrar resultados en consola o DOM
📁 Módulo 7: Compilación y configuración
Objetivo: Compilar TypeScript y configurar el entorno.
tsc archivo.ts # Compila un archivo
tsc --init # Crea tsconfig.json
tsc # Compila todo el proyectoUsá tsconfig.json para definir opciones como target, strict, outDir, etc.
