Udemy

Webpack 2: The Complete Developer's Guide

Enroll Now
  • 26,114 Students
  • Updated 12/2025
4.7
(5,336 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 32 Minute(s)
Language
English
Taught by
Stephen Grider
Rating
4.7
(5,336 Ratings)
2 views

Course Overview

Webpack 2: The Complete Developer's Guide

Master Webpack 2 as you deploy web apps supported by Babel, code splitting, and ES2015 Modules.

Webpack is the premier build tool for React and Angular 2 applications.

Deployment?  Covered.  Performance optimizations? We got it.  Custom boilerplate creation?  Its here!

Webpack is notorious for being tricky to configure correctly.  In this course you'll master each major feature of Webpack and learn how to optimize it for your own app.  Webpack has a wealth of fancy features, but each requires in depth knowledge of how they work.  This course is the most comprehensive Webpack course you'll find online, and the only full course on the popular version 2 edition of Webpack.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build Webpack-based projects.

Tired of downloading boilerplates packages with no idea how to change them?

React and Angular 2 have seen standalone boilerplate packages flourish, but they come with dense configuration setups that make them challenging to change.  With the experience you gain in this course you'll be able to customize your projects to suit your particular needs.

So much content!

  • Learn the difference between ES2015 and CommonJS module systems
  • Load ES2015 code with Webpack's Babel Loader
  • Use Webpack to automatically resize and compress images for optimal load times
  • Implement code splitting to dramatically decrease load times
  • Learn to tweak your React project to work perfectly with Webpack
  • Master versioning of your application to reduce the amount of code your users download
  • Deploy your application to AWS, Heroku, Github Pages, or Surge


Webpack can be confusing to learn, but after taking this course you'll understand that it is a tool that requires just a bit of concentration to master.  Once you hear my explanations of Webpack, you'll come to realize that each concept is straightforward, and only requires the smallest touch of patience to comprehend.  No filler here, just laser focus on the most important aspects of Webpack.

I always build courses I would want to take, and this is no exception.  Every topic is explained in great detail with accompanying diagrams and examples.  You'll learn the back story of each feature and learn where to apply them to solve real world problems. 

Course Content

  • 10 section(s)
  • 57 lecture(s)
  • Section 1 How to Use This Course
  • Section 2 What Does Webpack Do?
  • Section 3 Handling Project Assets
  • Section 4 Building for Performance with Webpack
  • Section 5 Applying Webpack to a Real Project
  • Section 6 Webpack Dev Server
  • Section 7 React-Specific Topics
  • Section 8 Webpack-Based Deployment for Static Sites
  • Section 9 Webpack-Based Deployment for Dynamic Sites
  • Section 10 Extras

What You’ll Learn

  • Understand the purpose of Webpack in a modern web app
  • Build custom boilerplate projects to serve ES2015 Javascript
  • Deploy Webpack-based projects to AWS, Heroku, and more
  • Enhance the performance of web apps by leveraging Webpack's ecosystem of plugins
  • Enhance code organization through the use of ES2015 JS Modules

Reviews

  • J
    Jangalapalli Sai Priyatham
    4.0

    The entire course was fantastic. I learnt webpack in detail and from the scratch. Stephen's explanation is top notch.

  • O
    Oksana Lutsiv
    5.0

    If you're interested in the philosophy of webpack and the reasoning behind its ecosystem, this course is for you. Just grab your coffee and enjoy!

  • A
    Abdulrahman Ahmed
    3.0

    most of packages used in this project is outdated, which makes me had a hard time with a lot of errors, but as always Stephen is great with explanation, but i hope the course dive deep more than this.

  • L
    Linda L
    1.5

    Tutor is not updating the course. As a newbie to webpack, I have learnt more from the other students in the Q and A's than I have from the tutor. There's never any errors on his logs (I really wish he would actually create some on purpose so students can learn from them) instead lots of students floundering around with the same issues resulting from version compatibility of modules, struggling to make sense of the log output. My advice - just go for webpack 5 course!

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed