Curso de Webpack intermedio

Si ya has acabado nuestro curso inicial de Webpack, puedes continuar tu formación con este curso intermedio, en el que profundizarás en el funcionamiento de este potente module bundler y todas las posibilidades que nos ofrece.

Realizando este curso aprenderás a utilizar Webpack de forma completa, para ser capaz de optimizar y configurar más a fondo tu proyecto antes de pasarlo a producción. Es un curso que se desarrolla de una forma teórica pero también práctica, para exponer los conceptos de una forma más clara.

Esta formación online se estructura en una introducción y cuatro bloques diferenciados, cada uno de ellos centrado en un aspecto de Webpack y divididos en lecciones independientes, de forma que puedas ir avanzando por las mismas de una forma ordenada y siempre que hayas asimilado bien lo visto anteriormente.

La introducción tiene varios objetivos, desde conocer un poco al profesor que realiza el curso hasta comprobar cuáles son los requisitos previos necesarios para poder realizar la formación de una forma satisfactoria. Además en la misma podrás ver los requisitos necesarios sobre el entorno de desarrollo que se empleará durante el mismo.

Comenzando ya con la primera parte del curso aprenderás a todo lo relacionado con la organización de los ficheros de Webpack. Este bloque se compone de tres lecciones, en las que el tutor desarrollará los fundamentos de esa organización.

En la primera lección vas a aprender cómo es la estructura de directorios, para conocer bien dónde se guardan las diferentes configuraciones de Webpack y poder tenerlo todo bien ordenado y organizado. Con la segunda lección vas a aprender a eliminar las configuraciones duplicadas que se suelen generar con el tiempo, tanto a través de ciertas técnicas como de funciones específicas.

La tercera lección se centra en ver cómo consumir paquetes, los problemas que se presentan en Webpack y cómo solucionarlos, a través de herramientas como alias, extensions y modules. Al finalizar estas tres lecciones te proponemos un reto, para que pongas a prueba lo que has visto en este primer bloque, y así comprobar si lo has asimilado correctamente.

El segundo bloque se centra la optimización de los bundles en producción, a través de una serie de técnicas empleadas para optimizar los archivos generados con Webpack, y de esa forma se puedan aprovechar todas sus ventajas una vez estén en producción.

Esta sección del curso consta de seis lecciones, en las que irás conociendo los elementos que ofrece Webpack para la optimización, además de aprender por qué es tan importante la caché y cómo utilizarla para desarrollar aplicaciones más optimizadas.

También se desarrollaran conceptos como hashes, técnicas de optimización como las denominadas bundle splitting, code splitting y algunas herramientas de análisis empleadas para detectar los problemas de rendimiento en nuestros proyectos.

Además de estas lecciones teóricas, el bloque incluye varias prácticas, que sirven para explicar de una forma más visual lo que se va desarrollando en las mismas, y finalmente te propondremos un reto final relacionado con todo lo que se ha visto durante el bloque completo.

Seguidamente podrás pasar al tercer bloque formativo, que tratará sobre la optimización del proceso de compilación de las aplicaciones. Durante el mismo verás qué es la dynamic-link library y sus diferentes usos, a través de dos plugins, DllPlugin y DllReferencePlugin. Una vez acabes estas lecciones, podrás realizar el reto relacionado con las mismas.

Y finalmente, para acabar el curso, hemos preparado una sección de contenido extra que resulta interesante para completar la formación en Webpack. En ella te explicaremos cómo empaquetar web workers con Webpack, cómo utilizar las opciones de internacionalización para nuestros proyectos y cómo poder extender las funcionalidades que ofrece Webpack por defecto.