Webpack 4 Beyond the Basics
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.
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
You should have some initial training or experience working with code and installing programs.
You should have a desire to move quickly and dive deeply into the why and how of these libraries
You should know what the command line is and have a code editor and be prepared to follow along.
Section 1: Introduction
Lecture 1 How to get help with this Course
Lecture 2 Additional Course Materials and Code
Section 2: Reactive Development (aka Optimal Dev Experience)
Lecture 3 Up and Running with Webpack Dev Server
Lecture 4 Our First Loaders for CSS
Lecture 5 Better Errors and Loaders for HTML & Images
Lecture 6 Babel Basics
Lecture 7 Babel Polyfills, Transforms & Presets
Lecture 8 DIY Webpack Dev Server with Express Middleware
Lecture 9 Hot Reloading Both Client and Server with Nodemon
Lecture 10 Debugging Node with Chrome DevTools
Section 3: Choose Your Own Adventure
Lecture 11 Hooking Up React
Lecture 12 Hooking up React – Part 2: Stateful Reloading
Lecture 13 Hooking up HTML Preprocessors like EJS/Pug/Handlebars
Lecture 14 Hooking up CSS Preprocessors like SASS/LESS & Stylus
Lecture 15 Hooking up Js in CSS with Emotion and CSS Modules
Lecture 16 Hooking up Typescript
Lecture 17 Hooking up Angular
Lecture 18 Hooking up VueJS
Section 4: Optimizing for Production
Lecture 19 Setup Production Hosting with Heroku
Lecture 20 Production Ready CSS
Lecture 23 Optimizing All Assets with GZip and Brotili Compression
Lecture 24 Building out the Blog with React
Lecture 25 Parsing Markdown for Blogging and Meta Data
Lecture 26 SplitChunks and the Bundle Analyzer
Section 5: Server-side Rendering & Dynamic Importing
Lecture 27 Server-side Render JS with Express and React
Lecture 28 Server-side Render any Filetype with Webpack
Lecture 29 Unified Compilation – Part 1
Lecture 30 Unified Compilation – Part 2
Lecture 31 Adding Multiple Pages with React Router
Lecture 32 Dynamic Import Syntax
Lecture 33 React Universal Components
Lecture 34 Async JS/CSS Chunk Loading in Parallel (aka the Holy Grail)
Section 6: Building a Multi-Domain Site with Redux integration
Lecture 35 2 Strategies for Multiple-Domains in Development
Lecture 36 Scoping Your Data per Domain
Lecture 37 Theming CSS per Domain
Lecture 38 Build out the Articles Pages for our 2 Heroes
Lecture 39 Redux Basics: The store, the reducer and the action.
Lecture 40 Fetching Articles from an API with Redux Thunk
Lecture 41 Redux on the client. Finishing our Article fetch
Lecture 42 Redux stores in the Server side render
Section 7: Appendix
Lecture 43 Webpack 4 Upgrade Guide
Lecture 44 What do you want to see next?
Udemy | English | 6h 3m | 3.37 GB
Created by: Lawrence Whiteside