🎉 Introducing the Webpack Deep Dive Workshop 🎊
on Frontend Masters

Frontend Masters + Webpack = Love

This is an exciting announcement! Let your friends know!

Here's a preview:

I've spent countless hours working with webpack. I remember the first time I tried it out way back around December of 2014. I had built a reeeeally complicated gulp process (you can see some of that here) and decided that I wanted to simplify things. I had heard about webpack and decided to give it a try.

After two weeks of refactoring and being totally lost, I finally got it working. Over the course of the next few weeks I would find myself telling people:

It's not a matter of whether webpack can do something you need it to for your app, it's a matter of how to configure it to do that for you

And the configuration was not entirely straightforward. Also, because it's such a hugely powerful tool, built mostly by one person (who knows English as a second language), the docs were often sparse and confusing. So I spent a great deal of time learning how to use this tool to effectively build my applications. And I was hooked by the amazing things it could enable me to do. Webpack is an enabling technology. And as someone who gets really enthusiastic about tech I find interesting and helpful, I wanted to share my new-found interest with others. As an egghead.io instructor, I have a platform to do that!

Since then, I've made dozens of webpack related videos on egghead. And I have several webpack related videos on my YouTube channel as well. Real people are getting real value out of my content. That's pretty rewarding to me!

That's why I'm so excited to have my Frontend Masters workshop released and made available to you all. It's the most comprehensive webpack material available (AFAIK). Let me know what you think! If you're not already a subscriber, I seriously recommend you give subscribing to Frontend Masters some solid consideration. There's a ton of fantastic content on there! So much learning to be had!

Here's the little marketing spiel about the course:

“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

  • 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!

If you want to get a little preview of the course materials, start with the full slide deck 😎

Big thank you to Marc for Frontend Masters. It's an incredible resource, and he's an incredible guy.

You may also be interested in my other workshop that will soon be released on Frontend Masters: Writing an Open Source JavaScript Library which is an updated version of the Egghead.io course How to Write an Open Source JavaScript Library.

See more blogposts from me here.
Last Updated: 2017-09-11