Curso de Fundamentos de Webpack 5
Aprende a crear aplicaciones frontend que se transformen y empaqueten tanto en entornos de desarrollo como en producción gracias a Webpack 5.
Impartido por:
Lo que aprenderás en este curso:
- Que es Webpack.
- Para qué sirven y como usar cada componente.
- Meter Webpack en un proyecto con React.
- Empaquetar un proyecto para producción con Webpack.
- Herramientas para analizar bundles
- Uso de los loaders y plugins más comunes.
Requisitos del curso
Manejo de JavaScript y conocimiento previo sobre sistemas de módulos. Los introduciremos en el curso, pero no profundizaremos. Puedes realizar previamentes nuestros cursos:
Valoraciones de estudiantes:
Contenido del curso:
-
-
Presentación4m
-
Introducción a Webpack 514m
-
Presentación del proyecto de React7m
-
¿Por qué Webpack?12m
-
Instalación14m
-
Entry/Output15m
-
-
-
Introducción a Loaders6m
-
JavaScript ES617m
-
TypeScript6m
-
Estilos10m
-
Imágenes y fuentes13m
-
-
-
Introducción a Plugins3m
-
HTML7m
-
Copiar ficheros10m
-
Plugins personalizados11m
-
-
-
Introducción a Herramientas4m
-
DevTool14m
-
DevServer9m
-
Resolver6m
-
Webpack Bundle Analyzer7m
-
-
-
Introducción a Empaquetar para produción2m
-
Modos en Webpack 59m
-
Variables de entorno2m
-
Compartiendo dependencias entre puntos de entrada7m
-
Extrayendo el CSS10m
-
Caché23m
-
Te dejamos una selección de cursos, carreras y artículos
Curso de JavaScript avanzado
Este curso de JavaScript avanzado te permitirá profundizar más en este lenguaje, aprendiendo a usar nuevos tipos y operadores avanzados, la asincronía y las promesas, …
Federación de módulos con Webpack 5
La federación de módulos nos permite escalar nuestras aplicaciones de Frontend permitiendo a varios equipos desarrollar y desplegar una parte de la aplicación. Esta es …
Dudas frecuentes
¿Cuál es el precio?
En OpenWebinars no vendemos formaciones.
Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).
¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.
¿Cuándo comienza la formación?
En OpenWebinars las formaciones no tienen fecha de inicio y de final.
Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.
¿Puedo obtener un diploma que acredite mis conocimientos?
Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.
También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.
Esta formación sobre los fundamentos de Webpack 5 está pensada para programadores frontend con conocimiento previo de JavaScript y que quieran aprender a empaquetar y preparar sus aplicaciones para entornos de producción.
Para seguirla de una forma adecuada, comprendiendo todo lo que se explica, es imprescindible tener cierta soltura programando en JavaScript y tener conocimientos previos sobre sistemas de módulos, ya que en el curso los introduciremos, pero no profundizaremos en ellos.
Comenzamos el curso con una completa introducción en la que, además de conocer al profesor que la imparte y cómo se divide el temario, veremos qué es Webpack y por qué vamos a usarlo, el proyecto que vamos a desarrollar a lo largo de la formación y cómo realizar la instalación del entorno que emplearemos.
Después veremos dos bloques centrados en los componentes de Webpack, como son los Loaders y Plugins. Analizaremos los más utilizados, explicando más a fondo cada uno de ellos, para qué sirven y cómo funcionan, para poder aplicarlos después al proyecto que desarrollaremos con React.
También se explicarán las diferentes herramientas de Webpack, que nos permiten mejorar el desarrollo del proyecto en general. Profundizaremos en algunas como DevTool, DevServer, Resolver y Webpack Bundle Analyzer.
Para finalizar el curso, se explicará todo lo referente al empaquetado final de nuestro proyecto para llevarlo a producción, desde el uso de modos de Webpack 5 y las variables de entorno, hasta compartir dependencias entre puntos de entrada, la extracción del CSS o la optimización de la caché.