Curso de TypeScript

TypeScript el superset del lenguaje Javascript con múltiples ventajas y mejoras en la experiencia de desarrollo
Material disponible
Intermedio
10 Clases 12 h
85€
69€
Precio en promoción
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.

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

El objetivo de este Curso de TypeScript es permitir entender y aprovechar las ventajas de TypeScript, para los desarrolladores actuales de Javascript. Adquirir soltura suficiente como para llevar a cabo proyectos hechos en TypeScript de cualquier tipo, tanto en el lado del navegador como en el lado del servidor.

Lograr una comprensión completa de las funcionalidades que ofrece TypeScript y poder maximizar las ventajas que posibilita el lenguaje en el desarrollo y mantenimiento de proyectos a todos los niveles, realizando operaciones avanzadas como los refactors que TypeScript permite implementar de manera cómoda y potente.

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.

Introducción a TypeScript. Introduciendo tipos

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...

Tipos personalizados en Typescript Gratis

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.

Crear un proyecto TypeScript usando la herramienta frontend Vite

Vamos a mostrar cómo crear un proyecto frontend desde cero usando Vite donde seleccionaremos TypeScript como lenguaje para trabajar sin frameworks

Desarrollo de una funcionalidad de validación de formulario con TypeScript

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.

Build del proyecto TypeScript con Vite

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.

Configurar TypeScript. Bibliotecas. Clases

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.

Interfaces y Clases abstractas

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...

Tipos avanzados en Typescript

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.

Práctica con TypeScript en un proyecto donde usaremos tipos complejos

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.

Refactoring TypeScript
  • 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.

Suscríbete