Frontend

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:

4.8 (6 valoraciones)
4 horas y 13 minutos · Curso
Fundamentos de Webpack 5

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:

  • 5
  • 4
  • 3
  • 2
  • 1
4.8
6 valoraciones

Contenido del curso:

    • Presentación
      4m
    • Introducción a Webpack 5
      14m
    • Presentación del proyecto de React
      7m
    • ¿Por qué Webpack?
      12m
    • Instalación
      14m
    • Entry/Output
      15m
    • Introducción a Loaders
      6m
    • JavaScript ES6
      17m
    • TypeScript
      6m
    • Estilos
      10m
    • Imágenes y fuentes
      13m
    • Introducción a Plugins
      3m
    • HTML
      7m
    • Copiar ficheros
      10m
    • Plugins personalizados
      11m
    • Introducción a Herramientas
      4m
    • DevTool
      14m
    • DevServer
      9m
    • Resolver
      6m
    • Webpack Bundle Analyzer
      7m
    • Introducción a Empaquetar para produción
      2m
    • Modos en Webpack 5
      9m
    • Variables de entorno
      2m
    • Compartiendo dependencias entre puntos de entrada
      7m
    • Extrayendo el CSS
      10m
    • Caché
      23m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

JavaScript avanzado

Curso de JavaScript avanzado

2 horas y 10 minutos · Curso

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, …

  • Frontend
Federación de módulos con Webpack 5

Federación de módulos con Webpack 5

38 minutos y 22 segundos · Taller

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 …

  • Frontend

Dudas frecuentes

1

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

2

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

3

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

 

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.