Course Code
webpack
Duration
7 hours (usually 1 day including breaks)
Requirements
- An understanding of JavaScript
- An understanding of HTML
- An understanding of CSS
Audience
- Front-end developers
- Web developers
- Javascript programmers
Overview
Webpack is a JavaScript module bundler that enables developers to apply a modular approach to building large, single-page web applications. A powerful and important modern front-end development tool, Webpack is the go-to solution for getting all of your CSS and JavaScript files to act as one. Webpack plays well with front-end workflows such as Babel, ReactJS, and CommonJS.
In this instructor-led, live training, participants will learn how to transform, bundle, and process JavaScript modules and other web assets with Webpack. The principles of modular web application development and its practical implementation are learned through discussion and live, hands-on practice.
By the end of the training, participants will have a thorough understanding of Webpack's features and capabilities, as well as the practice needed to implement Webpack into their own front-end development workflow.
Format of the course
- Part lecture, part discussion, heavy hands-on practice
Course Outline
Introduction
- Why Webpack?
- The modern front-end workflow
Installing Webpack
Running a Basic Webpack Build
Defining the webpack.config File
Expanding the config File
Working with Webpack Loaders, Preloaders and Plugins
Creating a Start Script
Implementing React with Webpack
Processing CSS, HTML and Images with Webpack
- Loading CSS
- Transpiling Sass
- Loading images
- Processing HTML
Code Splitting with Webpack
Setting up a Webpack Server
Closing Remarks
.png "new york stock exchange (nyse)")
_ireland.gif "environmental protection agency (epa) ireland")
.png "aeronautical radio, incorporated (arinc)")
.jpg "european organization for nuclear research (cern)")
.png "european space agency (esa)")
