Join Us For an Exclusive Workshop:
Webpack Deep Dive

Aug 8th, 2016 • 9:00am – 4:30pm CST

Attend Online

Live and Full HD


Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Learn Webpack Money-back Guarantee

“Why have I spent so much time on mastering Webpack? I’ve tried script tags, require.js, grunt, gulp, and shell scripts. When I finally looked into Webpack, so many problem categories went away. Not just in my build process, but in my entire architecture of my applications. Unfortunately, Webpack is a bit of a beast to learn. I’ve spent hours upon hours learning and using Webpack. I’m so excited to share my experiences with you.”
~Kent C. Dodds

By coding along with us for this workshop you’ll:

  • Learn the role of webpack and fundamental concepts like loaders and plugins
  • Learn how to setup a webpack file (and use webpack-validator to save yourself hours of debugging typos)
  • Learn how to setup a unit testing environment for a webpack project
  • Learn how tree-shaking works and how to leverage it for smaller bundles
  • Learn how to maintain sane file sizes with webpack code splitting
  • Learn how to leverage hashing for long term caching
  • Learn how to group vendor/common files with the CommonsChunkPlugin to save bytes in the code that changes regularly
  • Learn the latest features of Webpack 2!
Your ticket includes the full workshop (online or in-person), immediately available replay videos, plus a complimentary 6 month membership to watch all our video courses (a $234 value)

Your Instructor

Kent C Dodds

I am Kent C. Dodds. I work at PayPal as a full stack JavaScript engineer. I host JavaScript Air, the live video broadcast podcast about JavaScript and the web platform and co-host React30, a 30 minute podcast about React. I spend a bit of time on GitHub and Twitter. I’m an instructor and Google Developer Expert. I’m happily married and the father of three kids. I like code. I care about craft, design, tools, and architecture. I like to talk about it. Come chat with me 🙂

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

Spend a Full Day Immersed With a Leading Webpack Master

Building and deploying complex frontend applications can get complicated quickly. Webpack simplifies this with a huge list of features that cater to all kinds of JavaScript apps. In this class, we’ll explore these features to optimize an application for performance and simplicity. And we'll cover the latest features in the new version of Webpack — Webpack 2!

Join Kent C. Dodds and learn invaluable skills you can take back to improve your JavaScript applications.

What's Included



Watch Now

How We'll Spend the Day

We've already held over 50 workshops holding thousands attendees in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently.

Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

We’ll start out making sure that everyone’s on the same page with what webpack’s role in application development is and some of the core concepts like loaders and plugins. Then we’ll look at the application we’ll be testing our knowledge on and start it off with a basic webpack configuration.

Then we’ll set up unit testing with Karma and webpack as this is one of the most important things to get right early on. We’ll go through the whole process including setting up code coverage.

After lunch, we’ll dive into some of features that come with webpack which can be used to improve the performance of our applications. We’ll cover code splitting, fine tune our browser caching setup, and wrap up with the CommonsChunkPlugin to optimize how we share common code between different parts of the application.


8:30 Tech Check and Hello
9:00 Setup baseline webpack understanding (quick intro to fundamentals)
9:30 Exercises
10:00 Setting up a test environment with Karma
10:30 Exercises
11:15 Adding code coverage to test setup
11:30 Lunch and Exercises
12:30 Tree-shaking
12:45 Exercises
1:00 Code splitting
1:20 Exercises
2:00 Caching
2:30 Exercises
3:15 CommonsChunkPlugin
3:30 Exercises
4:00 Wrap up, links, and resources

*We'll try to stick to the schedule but the event is live so is subject to change.

The Price

The price for attending this full day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this full day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

Is This Workshop For Me?

This class is for experienced JavaScript developers who have at least some experience in the problems and solutions for bundling applications for the web. If you’ve ever worked with grunt, gulp, or browserify to build an application, this workshop is great for you. If you’ve worked with webpack before and want to learn more about it, this workshop will give you valuable insights you can use in your own applications.


You’ll need to have a good grasp of JavaScript syntax (experience with ES6 will be valuable as well). Also having experience building and deploying non-trivial JavaScript applications to a production environment will help you understand the importance of some of these concepts. You’ll need to have the following installed on your laptop before the class:

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters