Webpack: A Modular Approach to Web Application Development Training Course

Course Code



7 hours (usually 1 day including breaks)


  • An understanding of JavaScript
  • An understanding of HTML
  • An understanding of CSS


  • Front-end developers
  • Web developers
  • Javascript programmers


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


  • 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



Related Categories

Related Courses

Course Discounts

No course discounts for now.

Course Discounts Newsletter

We respect the privacy of your email address. We will not pass on or sell your address to others.
You can always change your preferences or unsubscribe completely.

Some of our clients

is growing fast!

We are looking to expand our presence in Egypt!

As a Business Development Manager you will:

  • expand business in Egypt
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!

This site in other countries/regions