Webpack 4: Beyond the Basics

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5.5 Hours | 1.57 GB

Quick, code-driven Javascript tutorials of Webpack latest version 4.8.3. React, Angular, SSR and Ver 3 migration guide.

Welcome to the web hacker’s cookbook for building modern javascript applications using the Webpack module loader and asset bundler.

I aim to make this Beyond the Basics course accessible to all skill levels. It’s geared towards people who’ve seen the basics and messed around a bit, but still don’t feel they understand Webpack. Each episode is written and rehearsed beforehand. They’re edited so as to make best use of your time. There’s not a wasted moment in any of these lessons.

With project centered content building real-world Webpack apps that you and your company can use from the very first line of code. First we look at the optimal Webpack development setup . Follow and code along as we build a Markdown blog, like Ghost, with Hot Module Reloading, Babel, and debugging in Node.

We then move into how Webpack optimizes your production bundles, as we solidify the boilerplate into a portfolio website. Complete with a gallery and search feature, useful for any project, we cover everything from Caching to CDNs to HTTP2, GZip, Brotili compression, tree-shaking and Progressive web apps.

We then get way into the weeds in our deep dives. Exploring Webpack Loaders and Plugins before creating our own from scratch.

The final project is a doozy. We expand the portfolio site to a multi-domain node rewrite of WordPress MU, Tumblr or SquareSpace. We dig into the latest Webpack 3 & 4 features, including Server-side Rendering, dynamic imports with “magic comments” and we finish with Universal React components and CSS Chunks in Parallel. You will definitely want to get to the end of this course.

Along the way I’ll discuss all the frameworks and libraries Webpack integrates with. Whether you’re working on an legacy Rails or other backend project or just want to create something beautiful with EJS, Pug, Handlebars, Sass, Less or Stylus, there’s a method and I’ll give you the keys to build your site the way you want it.

What Will I Learn?

• Roll your own Hot-reloading Webpack boilerplate from scratch.
• Optimize your Frontend Assets for Quick, small Production Code.
• Build a Portfolio or Blog with Markdown Based Posts
• Deep dives into code, including Webpack Plugins and Loaders
• Achieve the “Holy Grail” of Webpack: Server-side Rendering while Code Splitting in Parallel.
• Grok the internal workings of Webpack, Babel, Node and more Javascript libraries.
• Build a Multi-domain app like SquareSpace, WordPress MU or Tumblr
• Use the Chrome DevTools to debug, inspect and audit the performance of their code.
• Secure Your Site in the Cloud with SSL and Heroku