Webpack 2: The Complete Developer's Guide

Webpack 2: The Complete Developer's Guide

GET A FREE SAMPLE OF THIS COURSE

Master Webpack 2 as you deploy web apps supported by Babel, code splitting, and ES2015 Modules.
Thanks for signing up!

Check your email for a free sample of this course

Sorry

There was a problem during submission. Please try again later.

Webpack 2: The Complete Developer's Guide

COURSE HIGHLIGHTS

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

Read More

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. 

Requirements
  • Basic knowledge of Javascript
  • A Mac or PC

 

Who is the target audience?
  • Any engineer with basic knowledge of Javascript

Read Less

RESOURCES

9,345

Happy Students

from countries worldwide

Average Rating

4.7 from 2,016 reviews

5.5

Hours of Content

with 55 HD video lectures

Now is the right time!

Take this Course via Udemy

Some apps you will build

Optimizing Performance by Code Splitting

One of the most popular performance techniques to be unveiled this year is code splitting, the process of only loading the bare minimum amount of Javascript code into your browser needed to start up your application.  After the app starts up, the browser can then dynamically request more Javascript files as a user navigates around the application.

This application will teach you how to set up code splitting from scratch, along with how to specifically apply it to applications making use of React Router.

Optimizing Performance by Code Splitting

Optimizing Performance by Code Splitting

Deploy, Deploy, Deploy!

Deployment is a huge focus of this course.  Learn how to deploy to several different popular service providers, such as:

  • AWS
  • Heroku
  • Surge 
  • Github Pages

You'll also learn the difference between deployment of static and dynamic sites, along with deployment directions for both!  

If you're looking to master deployments, check out this course!

Deploy, Deploy, Deploy!

Deploy, Deploy, Deploy!

And more...

Kickstart Your Journey

Take this Course via Udemy
The Instructor

About the Author

Stephen Grider

Engineering Architect

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.

Connect with Stephen on

Start Learning Today

Take this Course via Udemy

Frequently Asked Questions

Is the content out of date?

Tech moves fast, but so do we. We update all content as often as needed to make sure we stay on the latest version.

When does the course start and finish?

The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.

How long do I have access to the course?

After enrolling, you have unlimited access to this course for as long as you are enrolled - across any and all devices you own.

What if I am unhappy with the course?

We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Will I get support?

Absolutely. If you are troubleshooting bugs, find hard to understand topics, or even want to say 'hello', you are free to reach out via email or Twitter at any time.

Is the course's code available for download?

Yes, all projects in all courses are available for browsing on Github.