Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Webpack 4: Beyond the Basics

via Udemy

Overview

Quick, code-driven, follow-along Javascript tutorials of Webpack, Babel, React, Angular, Vue, Redux, SSR, Typescript

What you'll 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

Welcome to the coursefor building modern javascript applications using theWebpack module loader and asset bundler.

I aim to make this Beyond theBasics 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 andrehearsed 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 projectcentered contentbuilding real-worldWebpack appsthat you and your company can use from the very first line of code. First we look atthe optimal Webpack development setup.Follow andcode along as we build aMarkdownblog, like Ghost, with Hot ModuleReloading, Babel, and debugging in Node.We thenmove into how Webpackoptimizes your production bundles,as we solidify the boilerplate into a portfolio website.

The final project is a doozy. We expand the portfolio site toa multi-domain node rewriteofWordpress MU,Tumblr or SquareSpace. So you can run multiple domain names from a single nodeserver process.We dig intothe latest Webpack4 features, includingServer-side Rendering,dynamic imports with "magic comments" and we finish withUniversal Reactcomponents and CSSChunks in Parallel. Youwill definitely want to get tothe end of this course.

Along the way I'll discuss all the frameworks and libraries Webpack integrates with. Whether you're working on an legacyRails or other backend project or just want to create something beautiful withEJS, Pug, Handlebars, Sass, Less or Stylus, CSS Modules, Angular orVue JSthere'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

Taught by

Lawrence Whiteside

Reviews

4.4 rating at Udemy based on 2936 ratings

Start your review of Webpack 4: Beyond the Basics

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.