YoVDO

Webpack 4: Beyond the Basics

Offered By: Udemy

Tags

Webpack Courses Web Development Courses Javascript Courses Chrome DevTools Courses Server-Side Rendering Courses

Course Description

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

Related Courses

JavaScript Libs/Frameworks
City College of San Francisco via California Community Colleges System
Learn Build Tools
Codecademy
Add Internationalization (i18n) to a React app using React Intl
egghead.io
AngularJS and Webpack for Modular Applications
egghead.io
Build a Server Rendered + Code Split App in React with React Universal Component
egghead.io