TypeScript de cero a PRO: los mejores canales de YouTube y cursos en 2024

¿Por qué TypeScript es imprescindible en 2024?

¿Alguna vez has escrito código JavaScript que funcionaba "más o menos bien" y luego fallaba de repente con el error undefined is not a function? Si es así, sabes lo frustrante que es. TypeScript resuelve este problema de una vez por todas. Añade tipado estricto a JavaScript, hace que el código sea predecible y evita errores tontos en la fase de compilación.

Pero hay un detalle: aprender TypeScript con una documentación aburrida es mortalmente tedioso. Es mucho más rápido e interesante ver canales de YouTube y cursos de TypeScript donde todo se explica con ejemplos reales. Hemos recopilado los mejores recursos para ayudarte a mejorar desde cero hasta convertirte en un desarrollador seguro.

Por cierto, si ya trabajas con Python (como muchos lectores de PythonLib), te sorprenderá gratamente: TypeScript ha adoptado muchas buenas ideas del tipado estático que conoces de mypy o pydantic. Solo que aquí todo está integrado "de serie".

Top canales de YouTube sobre TypeScript

YouTube es el mejor amigo del autodidacta. Allí puedes encontrar tanto lecciones gratuitas como listas de reproducción completas. Estos son los canales que merecen tu tiempo.

1. TypeScript — canal oficial

Sí, TypeScript tiene su propio canal de YouTube. Allí se publican grabaciones de conferencias, anuncios de nuevas versiones e informes técnicos profundos de los creadores del lenguaje. No es para principiantes, pero sí para quienes quieren entender "cómo funciona bajo el capó".

\n
• Qué ver: la lista de reproducción "What's new in TypeScript" — analizan las características de cada nueva versión.
\n
• Nivel: Intermedio+
\n
• Ventajas: fuente autorizada, información de primera mano.
\n
• Desventajas: poca práctica, mucha teoría.
\n

2. Web Dev Simplified

El canal de Kyle es una mina de oro para principiantes. Explica cosas complejas con palabras sencillas, usando ejemplos visuales. Tiene una excelente lista de reproducción sobre TypeScript donde explica tipos, genéricos, tipos utilitarios y mucho más.

Ejemplo de código de su lección:

// Un genérico simple que toma un array y devuelve el primer elemento\nfunction getFirstElement<T>(arr: T[]): T | undefined {\n    return arr[0];\n}\n\nconst numbers = [1, 2, 3];\nconst firstNumber = getFirstElement(numbers); // tipo: number | undefined\n\nconst strings = ['a', 'b', 'c'];\nconst firstString = getFirstElement(strings); // tipo: string | undefined

Kyle muestra cómo TypeScript infiere automáticamente el tipo y explica por qué esto es genial.

\n
• Qué ver: la lista de reproducción "TypeScript Tutorial for Beginners".
\n
• Nivel: Junior
\n
• Ventajas: videos cortos (10-15 minutos), mucha práctica.
\n
• Desventajas: faltan temas complejos como tipos condicionales.
\n

3. Fireship

Si quieres "refrescar" conocimientos rápidamente o conocer una nueva función en 100 segundos, Fireship es tu elección. Su estilo son videos súper dinámicos con memes y edición rápida. Tiene el video de culto "TypeScript in 100 Seconds" y análisis más profundos.

Ejemplo de su video sobre tipos utilitarios:

interface User {\n    id: number;\n    name: string;\n    email: string;\n    password: string;\n}\n\n// Actualizar usuario parcialmente (todos los campos opcionales)\ntype PartialUser = Partial<User>;\n\n// Solo lectura\ntype ReadonlyUser = Readonly<User>;\n\n// Seleccionar solo los campos necesarios\ntype PublicUser = Pick<User, 'id' | 'name' | 'email'>;

Fireship explica cómo estos tipos utilitarios ahorran horas de desarrollo.

\n
• Qué ver: "TypeScript - The Basics" y "TypeScript Advanced Tricks".
\n
• Nivel: desde Junior hasta Senior
\n
• Ventajas: muy visual