©2025 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso de TypeScript
TypeScript el superset del lenguaje Javascript con múltiples ventajas y mejoras en la experiencia de desarrollo
Material disponible
Gracias a TypeScript el ecosistema de Javascript ha madurado enormemente, situando sus posibilidades a la par de lenguajes más complejos como C# o Java. TypeScript permite añadir tipado al código a Javascript, interfaces, genéricos y muchas otras utilidades de lenguajes modernos, permitiendo un diseño mucho más avanzado del software. El código TypeScript se compila a Javascript, por lo que al final, es posible usarlo allá donde se usa Javascript.
A diferencia de otras herramientas que compilan a Javascript aparecidas en el pasado, TypeScript permite una evolución muy fluida de los proyectos que usan Javascript originalmente, así como una sencilla curva de aprendizaje para los desarrolladores. El punto clave para ello es que "cualquier código Javascript es un código TypeScript válido". Por tanto, todo lo que ya se sabe de Javascript es aplicable directamente a TypeScript. Simplemente añade toda una serie de utilidades que nos permiten mejorar la mantenibilidad de los proyectos y la potencia del código.
A diferencia de otras herramientas que compilan a Javascript aparecidas en el pasado, TypeScript permite una evolución muy fluida de los proyectos que usan Javascript originalmente, así como una sencilla curva de aprendizaje para los desarrolladores. El punto clave para ello es que "cualquier código Javascript es un código TypeScript válido". Por tanto, todo lo que ya se sabe de Javascript es aplicable directamente a TypeScript. Simplemente añade toda una serie de utilidades que nos permiten mejorar la mantenibilidad de los proyectos y la potencia del código.
Qué aprenderé en el Curso de TypeScript
- Configuración de TypeScript
- Tipos básicos
- Type definitions
- Interfaces
- Clases abstractas
- Tipos de unión e intersección
- Tipos avanzados
- Genérics
- Refactors con WebStorm
Objetivos del curso
Por qué debes aprender TypeScript
Usar TypeScript reduce hasta un 15% los bugs en producción. Debido a la reducción de bugs, la mejora de experiencia de desarrollo y la posibilidad de hacer refactors, TypeScript se ha convertido el lenguaje por defecto de muchos proyectos. Es más, TypeScript ha sido la tecnología más adoptada de 2020, con un incremento del 14,7% respecto al año anterior. No saber TypeScript hoy en día es una desventaja competitiva a nivel profesional y para el desarrollo de los proyectos.
Qué tengo que saber
- JavaScript a nivel intermedio
- Para aprovechar algunas de las partes más avanzadas de este curso de TypeScript, como los refactors, recomendamos el uso de WebStorm. La versión EAP es gratuita: https://www.jetbrains.com/webstorm/nextversion/
Clases y contenidos
Introducción a TypeScript
Clase de presentación del lenguaje TypeScript y conocimientos esenciales sobre características del lenguaje, sus ventajas, declaración de tipos y personalización de tipos para facilitar el mantenimiento y la reutilización.
En este vídeo vemos una introducción a TypeScript, por qué usarlo, qué ventajas tiene, qué aporta. Luego se verá cómo la sintaxis de TypeScript para aplicar tipos a diversas estructuras del lenguaje, como variables, arrays, funciones, objetos...
Vamos a continuar con nuestra introducción a TypeScript conociendo algunas particularidades extra del sistema de tipos del lenguaje. Veremos cómo hacer alias para la declaración de tipos personalizados e introduciremos la creación de interfaces en TypeScript.
Setup de proyectos TypeScript con Vite
Ampliación del curso de TypeScript para mostrar cómo podemos usar la popular herramienta frontend Vite, para hacer el rápido setup de un proyecto frontend donde pensamos trabajar con este lenguaje. Veremos además conceptos sobre tipos de las funcionalidades existentes en el navegador.
Vamos a mostrar cómo crear un proyecto frontend desde cero usando Vite donde seleccionaremos TypeScript como lenguaje para trabajar sin frameworks
Este es un ejemplo práctico de uso de TypeScript para una funcionalidad clásica en los proyectos web, como sería la validación de un formulario.
Para acabar esta serie mostramos cómo se realiza el build del proyecto, usando las configuraciones que nos aporta Vite. Veremos que se compila el TypeScript y se realizan las tareas de bundelización y minimizado del código.
TypeScript a fondo
A lo largo de los siguientes vídeos vamos a profundizar en el contenido del curso de TypeScript, viendo las características del lenguaje con todo detalle.
En esta clase veremos cómo configurar TypeScript en proyectos frontend y backend. Además veremos cómo usar sistemas de tipos en las bibliotecas instaladas mediante npm, además avanzamos en el temario de posibilidades de TypeScript conociendo la manera de crear clases de OOP.
Seguimos repasando características de TypeScript:
- Tipo unknown de TypeScript
- Alias types avanzados
- Interfaces
- Clases abstractas
Además comenzaremos a ver aplicado TypeScript sobre frameworks: React, Angular...
Gestión de los tipos en TypeScript y herramientas del lenguaje para sacar partido a los tipos de datos. Veremos asuntos diversos como Generics, Enums, Utils para transformaciones y reutilización de declaraciones de tipos, etc.
Práctica de proyectos TypeScript y refactorings
En las siguientes clases del curso vamos a abordar de una manera práctica el trabajo con TypeScript en proyectos de desarrollo. Además veremos cómo TypeScript nos permite mejorar de manera sensible la aplicación de refactorizaciones seguras del código con un mínimo esfuerzo.
En esta clase vamos a realizar esencialmente un proyecto con programación en vivo, en el que pondremos en marcha muchos de nuestros conocimientos de TypeScript y el manejo de tipos avanzados. Vamos a hacerlo en el marco de un proyecto Angular, donde ya está integrado TypeScript y le podemos sacar bastante partido sin demasiado setup. Además, durante la sesión veremos muchos consejos avanzados de arquitectura de aplicaciones y buenas prácticas en los proyectos frontend en general.
- Refactors con WebStorm
- Rename
- Extract
- Inline
Valoraciones
Víctor Manuel Bañuls Parra
Ilya Kabushko
Muy bueno, un curso practico con muchos tips y buenas practicas para usar en nuestro dia a dia.
DOCAL ARTAJO / JAIME
Magnifico curso!!!!!
Rafa Bernal
Natalia Zabala
El curso esta bien pero no me parece bien llevado, es interesante ver un poco de typescript en general
Norberto García
El curso está muy bien y César es un libro abierto. Se aprende un montón con él.
Cristian Vargas
Maria García Huertas
Aparte de TypeScript vas a aprender un montón de buenas prácticas en el desarrollo. A mi me ha ayudado mucho a organizar mejor mis proyectos.
JUAN IGNACIO CARRAMAL
EDGAR CARRO GASTÉLUM
Creo que se ven muchas ayudas de Webstorm y por lo mismo se pierde un poco el hilo de Typescript. En lo personal utilizo VS Code y muchas cosas que se ven en el curso no se pueden replicar en VS Code.
Yael Díaz Soto
Excelente curso, despejo muchas dudas que tenia y aprendí cosas nuevas que seguramente me ayudaran bastante.
Braulio Hernandez Chaparro
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.