Parte del Journey de JavaScriptPopularRecorridoAprende TypeScript
Un curso de TypeScript gratuito e interactivo construido sobre JavaScript. Escribes TS en cada lección - anotaciones de tipos, interfaces, genéricos, uniones, narrowing - con pistas de IA cuando te atascas y un certificado al terminar. Forma parte del recorrido más amplio de JavaScript, así que el contexto de JS que hace que TypeScript encaje lo tienes ahí mismo.
257,728+ codders inscritos
- Apto para principiantes
Ayuda de codificación con IA
Lecciones interactivas prácticas
Narración de audio en cada lección
Cuestionarios para poner a prueba tu conocimiento
Certificado gratuito de finalización
Programa
Esta sección forma parte del Journey de JavaScript. El programa completo tiene más secciones - haz clic en cualquier vista previa de abajo para verla en la página del Journey.
- Sección 1Fundamentos77 lecciones
- Sección 2Lógica y Flujo65 lecciones
Sección 3
Introducción a TypeScript
Empezar secciónEmpezarExpandirContraerIntroducción a TypeScript después de haber aprendido sobre JavaScriptPrimeros pasos con TS
5 lecciones232- 01¿Qué es TypeScript?Quiz
- 02¿Por qué usar TypeScript?Quiz
- 03Tu primer código en TypeScriptRetoQuiz
- 04Proceso de compilación y erroresQuiz
- 05Resumen: Introducción a TSReto
Tipos principales
7 lecciones748- 01Tipos básicos: str, num, booleanRetoQuiz
- 02El tipo 'any': Vía de escapeRetoQuiz
- 03El tipo 'unknown'RetoQuiz
- 04Trabajando con 'null' y 'undef'RetoQuiz
- 05Inferencia de tipos en acciónRetoQuiz
- 06Anotaciones de tipo explícitasRetoQuiz
- 07Resumen: Práctica de tipos principalesReto
Estructura de datos: Arrays y Tuplas
9 lecciones862- 01Arrays tipadosRetoQuiz
- 02Modificador 'readonly' para ArraysRetoQuiz
- 03¿Qué es una Tupla?Quiz
- 04Declaración y acceso a TuplasRetoQuiz
- 05Desestructuración de TuplasRetoQuiz
- 06Tuplas ReadonlyRetoQuiz
- 07Arrays tipados multidimensionalesRetoQuiz
- 08Operador Spread con ArraysRetoQuiz
- 09Resumen: Arrays y TuplasReto
Trabajando con funciones
8 lecciones855- 01Tipado de parámetros y valores de retornoRetoQuiz
- 02Tipado de funciones de flechaRetoQuiz
- 03El tipo de retorno 'void'RetoQuiz
- 04Parámetros opcionales con '?'RetoQuiz
- 05Valores de parámetros por defectoRetoQuiz
- 06Tipado de parámetros restRetoQuiz
- 07Definición de tipos de funcionesRetoQuiz
- 08Repaso: Construcción de funciones tipadasReto
Tipos: Alias, Uniones e Intersecciones
7 lecciones751- 01Alias de tipos para primitivosRetoQuiz
- 02Tipos de unión ('|')RetoQuiz
- 03Trabajando con tipos de uniónRetoQuiz
- 04Tipos literalesRetoQuiz
- 05Tipos de intersección ('&')RetoQuiz
- 06Combinando alias de tiposRetoQuiz
- 07Repaso: Combinaciones de tipos avanzadasReto
Tipado de Objetos e Interfaces
8 lecciones757- 01Anotaciones de tipo de objeto en líneaRetoQuiz
- 02Alias de tipo para objetosRetoQuiz
- 03Introducción a las interfacesRetoQuiz
- 04Interfaces vs. Alias de tipoQuiz
- 05Propiedades opcionales y ReadonlyRetoQuiz
- 06Extensión de interfaces y tiposRetoQuiz
- 07Agregar métodos a interfacesRetoQuiz
- 08Repaso: Definición de estructuras de objetosReto
Proyecto: Una lista de tareas simple
Proyecto6 lecciones18- 01Proyecto: Definir la estructura TaskRetoQuiz
- 02Función para agregar una tareaProyecto
- 03Función para cambiar el estado de la tareaProyecto
- 04Función: Listar tareas por estadoProyecto
- 05Función: Imprimir resumen de tareasProyecto
- 06Poniéndolo todo juntoProyecto
Enums
6 lecciones638- 01¿Qué es un Enum numérico?RetoQuiz
- 02Uso de Enums numéricosRetoQuiz
- 03¿Qué es un Enum de string?RetoQuiz
- 04Uso de Enums de stringRetoQuiz
- 05Enums heterogéneosRetoQuiz
- 06Resumen: Uso de EnumsReto
Genéricos: Un primer vistazo
6 lecciones537- 01El problema que resuelven los genéricosQuiz
- 02Creación de una función de identidad genéricaRetoQuiz
- 03Uso de una función genéricaRetoQuiz
- 04Arrays genéricosRetoQuiz
- 05Interfaces genéricasRetoQuiz
- 06Repaso: Práctica de funciones genéricasReto
Proyecto: Gestión de inventario
Proyecto5 lecciones18- 01Proyecto: Ítem de inventario genéricoRetoQuiz
- 02Función: Agregar ítems al inventarioProyecto
- 03Función para buscar un ítem por IDProyecto
- 04Crear un tipo de inventario específicoProyecto
- 05Función para obtener detalles del ítemProyecto
Temas avanzados
6 lecciones642- 01Aserciones de tipoRetoQuiz
- 02Guardas de tipo: in & instanceofRetoQuiz
- 03El tipo 'never'RetoQuiz
- 04Tipos anulables ('strictNull')RetoQuiz
- 05Firmas de índice para objetosRetoQuiz
- 06Resumen: Ajuste de tiposReto
- Sección 4Programación Orientada a Objetos56 lecciones
Por qué aprender TypeScript con Coddy
- Escribe TypeScript en tu navegador. Sin instalar
tsc, sin configurar un editor, sin pelearte con untsconfig.json. El editor y la salida están uno al lado del otro, así que ves al instante lo que hace cada tipo. - TypeScript moderno: anotaciones de tipos, interfaces, genéricos, tipos unión e intersección, narrowing, tipos de utilidad y cómo TS se superpone a JavaScript puro sin cambiar lo que se ejecuta en tiempo de ejecución.
- Las pistas de IA te ayudan a leer los errores de TypeScript - los famosos errores larguísimos - sin revelarte la solución, para que construyas el modelo mental que hace más fácil escribir código TS en el futuro.
- Certificado gratuito de TypeScript al terminar la sección. Una señal creíble de que sabes leer y escribir TS idiomático, no solo JavaScript con algunos tipos por encima.
Preguntas frecuentes sobre aprender TypeScript
¿Qué es TypeScript?
TypeScript es un superconjunto de JavaScript que añade tipado estático opcional. Todo JavaScript válido es TypeScript válido, pero TS te permite anotar variables, parámetros de funciones y valores de retorno con tipos, y entonces el compilador detecta los errores antes de que tu código se ejecute. En tiempo de ejecución, TypeScript se compila a JavaScript puro.
¿Es difícil aprender TypeScript?
Si te manejas con JavaScript, lo básico de TypeScript se aprende rápido: añades
: string o : number a unas cuantas variables y ya estás escribiendo TS. Las partes más complicadas (genéricos, tipos condicionales, tipos mapeados, narrowing) llevan más tiempo, y este curso las introduce en pasos pequeños con ejemplos prácticos.¿Necesito saber JavaScript antes que TypeScript?
Sí. TypeScript es JavaScript con tipos por encima, así que el lenguaje que realmente estás aprendiendo es JS. Por eso esta sección de TypeScript forma parte del recorrido de JavaScript: puedes hacer primero las secciones de JS o saltar directamente a TS si ya te manejas con JavaScript moderno.
¿Cuál es la diferencia entre TypeScript y JavaScript?
JavaScript es de tipado dinámico: una variable puede contener una cadena hoy y un número mañana, y solo lo descubres en tiempo de ejecución. TypeScript añade una capa de tipos estáticos que se ejecuta en tiempo de compilación y detecta las incompatibilidades de tipos antes de que el código se publique. La salida compilada sigue siendo JavaScript puro, así que se ejecuta en cualquier sitio donde corra JS.
¿Puedo aprender TypeScript en línea gratis?
Sí. La sección interactiva de TypeScript es gratuita: lecciones completas, ejercicios de programación, cuestionarios y un certificado. El editor se ejecuta en tu navegador con el compilador de TS integrado, así que no necesitas instalar
tsc, Node ni ninguna herramienta para empezar a escribir TypeScript.¿Obtengo un certificado al terminar el curso de TypeScript?
Sí. Al completar la sección de TypeScript obtienes un certificado de finalización gratuito que puedes compartir en LinkedIn o incluir en tu currículum. Una señal verificable de que has trabajado material de TypeScript estructurado y práctico, no solo visto tutoriales.
