Udemy

Webpack 4: Beyond the Basics

Name: Webpack 4: Beyond the Basics
Availability: InStock
Rating: 4.5 (3166 reviews)

4.5(3,166)33k studentsALL LEVELS

Korshub's take

Overview

This course moves past introductory Webpack tutorials and into real project builds. Learners follow along as a Markdown-based blog (similar to Ghost) is built with Hot Module Reloading, Babel, and Node debugging, before that boilerplate is hardened into a production-ready portfolio site.

Who It's For

It suits developers who have already tried Webpack's basics but still feel shaky on how the module bundler actually works. The course also touches integration with tools like Rails, Angular, Vue, Sass, Less, Stylus, CSS Modules, Pug, and Handlebars, so it can be useful across different stacks.

Key Takeaways

Setting up an efficient Webpack development environment
Optimizing production bundles
Server-side rendering and dynamic imports with magic comments
Universal React components and parallel CSS chunking

The final project extends the portfolio build into a multi-domain Node rewrite capable of running several sites from one server process, giving learners a taste of Webpack 4's more advanced capabilities.

About this course

Welcome to the course 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.

The final project is a doozy. We expand the portfolio site to a multi-domain node rewrite of Wordpress MU, Tumblr or SquareSpace. So you can run multiple domain names from a single node server process. We dig into the latest Webpack 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, CSS Modules, Angular or Vue JS there's a method and I'll give you the keys to build your site the way you want it.

Thank you for considering this course. I put everything I had into it.

- Law