CursosWorkshop IAEmpresasPreciosBlogNewsletter
  • Cursos
  • Workshop IA
  • Empresas
  • Precios
  • Blog
  • Newsletter
Suscríbete
  • Cursos
  • Empresas
  • Comunidades
  • Blog
  • Tarjeta regalo
  • Newsletter
  • Soporte
  • Tienda
  • ConfAiBot
  • Contacta
  • Aviso legal
  • Condiciones generales
  • Política de privacidad
  • Política de cookies

Curso de JavaScript moderno

Standard
Núria SorianoJavier FerrerIsma Navarro

Por Núria Soriano, Javier Ferrer y Isma Navarro – Frontend

Aprende buenas prácticas para empezar aplicaciones JavaScript vanilla desde 0 y refactorizar código legacy dando soporte a navegadores antiguos.

Ir al curso

💸 Primera lección disponible sin registro 💸

JavaScript ha cambiado mucho desde ES5. Muchos estamos ya acostumbrados a usar features de ES2015 para arriba como let y const, arrow functions, promesas… pero no siempre entendemos al 100% cómo funcionan y cómo configurar nuestra app para que aún usando las últimas novedades sigamos dando soporte a navegadores antiguos.

Estamos acostumbrados a iniciar el setup de una aplicación JavaScript con un framework como React o Vue, sin tener que preocuparnos por configurarlo todo. Pero esto nos supone un problema cuando tenemos que modificar esa configuración, hacerla desde 0 cuando no usamos framework o bien cuando estamos modernizando una app legacy.

En este curso veremos cómo funcionan todas las piezas, cómo aplicar buenas prácticas y también entender a fondo las nuevas features que desde 2015 van apareciendo cada año en el estándar ECMAScript.

Con este curso aprenderás a:

  • 🚀 Empezar una app JavaScript desde 0 sin necesidad de frameworks
  • 🧓 Dar soporte a los navegadores antiguos
  • 💅 Configurar correctamente ESLint y Prettier para mantener un estilo consistente y evitar posibles bugs
  • ✅ Integración contínua con GitHub Actions
  • 🏚️ Refactorizar una app legacy pasito a pasito
  • 🍨 Pasar de jQuery a vanilla JS
  • 🦖 Cambios de sintaxis para ProductivityRaptors
  • 🍏 Entender las diferencias entre var, let y const y cuándo usar cada una
  • 🧮 Métodos de Arrays y Objetos y ventajas e inconvenientes sobre métodos de lodash
  • 🪁 Sacar partido a las arrow functions y no perderse en el stack trace
  • ⏳ Manejar asincronía con promesas y async/await
  • 🎀 Orientación a Objetos con clases

En la pestaña Preview tienes todo el índice del curso, pero si quieres hacerte una idea del contenido y la calidad del vídeo, aquí tienes el primero:

Vídeos del curso

  • 🏛 Grandes refactors de la historia
  • 🏚️ Crear una aplicación JavaScript en 2021 y los problemas del legacy

  • 📦 La entrada a nuestra aplicación: package.json
  • 🏗️ Asegurar compatibilidad de nuevas features con Webpack y Babel
  • 💅 Estilo y buenas prácticas con ESLint y Prettier
  • ✅ CI y suite testing!

  • 🍱 ES Modules: jQuery de fichero a dependencia
  • 🧪 Cubrir de tests nuestra app
  • 🍨 De jQuery a JavaScript vanilla
  • 👩‍💻 Separar la aplicación en módulos

  • 😴 Código menos verboso con rest, spread y destructuring
  • ✍️ Strings más legibles con template literals
  • 🙅‍♀️ Simplificar condicionales con nullish coalescing y optional chaining

  • 🧑‍🔬 Control de la reasignación y mutabilidad con let y const
  • 🐛 A refactorizar: solucionamos un bug gracias a let!
  • 🧟 Internals: Hoisting y Temporal Dead Zone

  • ⚡️ Aplicando novedades de la API de Array: desde ES2015 hasta ES2020
  • 👷 Iterando: NodeList... ¡no es un array!
  • ✨ Aplicando novedades de la API de Object: desde ES2015 hasta ES2020
  • 💨 ¿Vale la pena seguir usando lodash? Analizando performance

  • ☝️ Cuándo realmente merece la pena hacer binding de this
  • ➡️ ¡Las Arrow functions NO son azúcar sintáctico! - Diferencias en el tratamiento de this
  • 🙋‍♀️ Trazas de errores semánticas aún con arrow functions

  • 🙏 De callbacks a promises usando fetch
  • ✋ Cuándo usar Async/await
  • 🧨 Control de errores try-catch con asincronía

  • 🎈 La herencia en JavaScript es una mentira
  • 🎩 Échale azúcar a tus clases: this, visibilidad y encapsulación

  • 💠 Inmutabilidad de objetos
  • 🤏 Cómo y cuándo usar async/await en un reduce
  • 👀 Analizamos un refactor

  • 🗿 Historia de ECMAScript: el curioso caso con flatten
  • 🤲 Alternativas a Webpack
  • 🤟 Siguientes pasos: ¿Qué aporta TypeScript?
Ir al curso

Cursos relacionados

Standard
Tailwind CSS: Arquitectura y buenas prácticas

🚤 Tailwind CSS: Arquitectura y buenas prácticas

Paco CastellóRafa Gómez

Aprende a estructurar tus proyectos con Tailwind CSS siguiendo buenas prácticas.

Ver curso
Standard
Ofertas de empleo

📄 Ofertas de empleo

Javier FerrerRafa Gómez

Ofertas de empleo verificadas por Codely

Ver curso
Standard
Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Genera imágenes dinámicas en tus proyectos Next.js para compartir en redes sociales.

Ver curso
Ver catálogo completo

Paga según tus necesidades

lite (sólo mensual)

19 €
al mes
  • Cursos esenciales de programación para construir una base sólida
Popular

standard

24,92 €
Descuento vs mensual de 49 €
Pago anual de 299 €
al mes
  • Catálogo principal para dominar cómo escribir un código mantenible, escalable y testable
  • Recibir ofertas de empleo verificadas por Codely
  • Factura de empresa
  • Acumular descuentos al renovar

premium

41,58 €
Descuento vs mensual de 89 €
Pago anual de 499 €
al mes
  • Cursos exclusivos de IA para mantenerte siempre actualizado
  • Acceso anticipado a nuevos cursos
  • Descuento en workshops
  • Recibir ofertas de empleo verificadas por Codely
  • Factura de empresa
  • Acumular descuentos al renovar

No subiremos el precio mientras mantengas tu suscripción activa

SuscríbeteInicia sesión