Course of Advanced TypeScript: Beyond any

Isma NavarroJavier Ferrer

By Isma Navarro y Javier Ferrer Frontend y Backend

In this course, we will lay the foundations of advanced TypeScript with the aim of establishing the basic knowledge for future courses where we will delve deeper into other aspects of this development tool.

💸 Primera lección disponible sin registro 💸

¿Qué aprenderás en este curso?

El objetivo de este curso es presentar aspectos avanzados de TypeScript con el objetivo de sentar las bases necesarias para presentar conceptos más avanzados en futuros cursos.

Tras este curso conocerás genéricos, unknown, never, narrowing, enums y decoradores.

Todo ello a través de ejemplos prácticos que podrás trasladar a tus proyectos teniendo como referencia además nuestro repositorio de ejemplos de TypeScript que recorremos a lo largo del curso y que iremos ampliando conforme vayamos desarrollando el contenido.

Durante el curso vamos a ver:

  1. 🚀 TypeScript es mucho más que JavaScript con tipos: Tu nuevo ayudante para desarrollar
    • 5 cosas que no sabías de TypeScript
    • ⚡ Repaso rápido de ejemplos del día a día
    • 🥓 Interfaces vs type alias
  2. ⚒️ Reaprovecha tu código y entiende firmas complejas gracias a los Genéricos
    • 👯‍♂️ Asegura restricciones de tu dominio y gana semántica gracias a los genéricos
    • 🐻 Analizamos cómo Zustand hace uso de los genéricos
    • 📉 Cuándo nos estamos flipando y NO deberíamos usar genéricos
  3. 👩‍🔬 Aprovecha el potencial de tipos no tan conocidos: unknown y never
    • 👻 Asegura el tipado en los clientes de tus funciones con unknown
    • 🪄 El potencial oculto de unknown: Obliga a tipar argumentos de entrada opcionales
    • 🌌 En qué consiste el tipo never y diferencias con void
  4. 🐌 Usos básicos de enums: Numéricos vs String vs Const vs Object as const
    • 🤔 Numeric enums: Modela el nivel de acceso para permitir ciertas acciones o no
    • 🦊 String enums: Mapeo de niveles de log, warning, y error con su comportamiento
    • 👐 Enum vs object as const: Diferencias, cuándo usar cada uno junto con keyof y typeof
  5. 💪 Enums avanzados: Gana semántica, robustez, y haz que tu código cumpla con SOLID
    • 🏭 Factorías: De 16 líneas a 1 y cumpliendo con SOLID gracias a keyof y typeof
    • ⛑ Deja atrás los boleanos y modela el estado de tu aplicación con Enums
    • 🌍 Usos de enums en código del mundo real (Next.js y Prisma)
  6. 💅 Extiende el comportamiento de tus métodos y clases con los decoradores.
    • 🙋‍♀️ ¿Cómo usar decoradores en tu proyecto?
    • 🌋 Un gran poder conlleva una gran responsabilidad. Código acoplado por culpa de decoradores.
    • 💉 Inyección de dependencias con decoradores y DIOD
  7. 🪡 Narrowing: Casting de tipos de forma implícita
    • 🤷‍♀️ ¿Qué es en narrowing? Ayúdate del transpilador entendiendo cómo funciona
    • 💪 Garantiza la robustez al tratar con enums gracias a la exhaustividad con narrowing y never
    • 💂‍♀️ Otras formas de narrowing: type predicates, type guards, instance of
  8. 🔒 Conclusión y siguientes pasos
    • 🧪 Ahorra test y dolores de cabeza gracias a TypeScript
    • 💡 Entender que TypeScript es mentira vs interiorizarlo
    • 🚵‍♀️ ¿Eres capaz de seguir este ejemplo?

Videos of the course

Related courses

See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Access to a subset of courses to lay the foundation for maintainable, scalable, and testable code
  • Company invoice
Popular

standard

24,92 €
Save 121
Annual payment of 299
per month
  • Full course catalog
  • Design and architecture challenges
  • Highlighted solutions videos for challenges
  • Receive job offers verified by Codely
  • Company invoice

premium

41,58 €
Save 89
Annual payment of 499
per month
  • Everything above
  • More benefits coming soon

We won’t increase the price while your subscription is active