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:

5.0 (1 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
5.0
1 valoraciones

Contenido del curso:

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

En este curso aprenderemos como crear aplicaciones Frontend que se transformen y empaqueten tanto en entornos de desarrollo como en producción.

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

Federación de módulos con Webpack 5

38 minutos y 22 segundos · taller

En este curso aprenderemos como crear aplicaciones Frontend que se transformen y empaqueten tanto en entornos de desarrollo como en producción.

  • Frontend

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos 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 el curso?

En OpenWebinars los cursos 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.