Curso de Webpack

Aprende a utilizar Webpack y mejora tu proceso de desarrollo front-end.

  • Premium
  • Webpack
  • Intermedio
Empezar ahora

Acerca del curso

En este curso aprenderás el concepto module bundler, sus características básicas, instalar y configurar webpack, usar loaders y plugins para mejorar el flujo de trabajo de una aplicación web y más.

Lista de Clases

  • Clase 1: Introducción

    • 1.- Introducción
    • 2.- ¿Qué es Webpack?
    • 3.- Conceptos básicos
  • Clase 2: Instalación y configuración

    • 1.- Instalación con npm
    • 2.- Ejecutar Webpack desde la línea de comandos
    • 3.- Crear archivo webpack config
    • 4.- Usando npm build scripts
    • 5.- Usando el comando watch
  • Clase 3: Webpack loaders y herramientas

    • 1.- ¿Qué es un loader?
    • 2.- Usando babel-loader
    • 3.- Usando babel-presets
    • 4.- Babel loader y react
    • 5.- Cargar CSS con webpack
    • 6.- Compilar SCSS
    • 7.- Cargar imágenes
    • 8.- Usando webpack-dev-server
    • 9.- Debuggear código con source maps
  • Clase 4: Plugins y Webpack 4

    • 1.- Webpack 4
    • 2.- Actualizando el proyecto a Webpack 4
    • 3.- Definir un vendor bundle
    • 4.- Definir múltiples puntos de entrada
    • 5.- ¿Qué es un plugin?
    • 6.- Clean webpack plugin
    • 7.- UglifyJS webpack plugin
    • 8.- Webpack bundle analyzer plugin
  • Clase 5: Conclusiones

    • 1.- Consideraciones finales

Proyecto del curso

proyecto proyecto

Información del curso

  • Acceso las 24 horas del día
  • Clases concretas faciles de llevar
  • Proyecto o ejercicios prácticos durante el curso
  • Certificado de completitud
Empezar ahora

Suscríbete a Devcode y mejora tus habilidades

Y forma parte de los más de 190 mil estudiantes que están aprendiendo con nosotros

Forma parte de los +190 mil estudiantes que están aprendiendo con nosotros