Webpack 4: Beyond the Basics (2018)
Webpack 4: Beyond the Basics (2018)
WEBRip | English | MP4 | 1280 x 720 | AVC ~213 kbps | 30 fps
AAC | 192 Kbps | 48.0 KHz | 2 channels | ~6 hours | 1.87 GB
Genre: Video Tutorial
WEBRip | English | MP4 | 1280 x 720 | AVC ~213 kbps | 30 fps
AAC | 192 Kbps | 48.0 KHz | 2 channels | ~6 hours | 1.87 GB
Genre: Video Tutorial
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.
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, 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. I'll add more lessons every couple of weeks. Please enjoy and reach out to me with any questions. I've love to help and learn what's still confusing.
Section 1 - Introduction\lesson 1 - How to get help with this Course.mp4
Section 1 - Introduction\lesson 2 - Additional Course Materials and Code.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 03 - Up and Running with Webpack Dev Server.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 04 - Our First Loaders for CSS.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 05 - Better Errors and Loaders for HTML & Images.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 06 - Babel Basics.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 07 - Babel Polyfills, Transforms & Presets.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 08 - DIY Webpack Dev Server with Express Middleware.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 09 - Hot Reloading Both Client and Server with Nodemon.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 10 - Debugging Node with Chrome DevTools.mp4
Section 3 - Choose Your Own Adventure\lesson 11 - Hooking Up React.mp4
Section 3 - Choose Your Own Adventure\lesson 12 - Hooking up React - Part 2 Stateful Reloading.mp4
Section 3 - Choose Your Own Adventure\lesson 13 - Hooking up HTML Preprocessors like EJS Pug Handlebars.mp4
Section 3 - Choose Your Own Adventure\lesson 14 - Hooking up CSS Preprocessors like SASS LESS Stylus.mp4
Section 3 - Choose Your Own Adventure\lesson 15 - Hooking up CSS in JS with Emotion and CSS Modules.mp4
Section 3 - Choose Your Own Adventure\lesson 16 - Hooking up Typescript.mp4
Section 3 - Choose Your Own Adventure\lesson 17 - Hooking up Angular.mp4
Section 3 - Choose Your Own Adventure\lesson 18 - Hooking up VueJS.mp4
Section 4 - Optimizing for Production\lesson 18 - Setup Production Hosting with Heroku.mp4
Section 4 - Optimizing for Production\lesson 19 - Production Ready CSS.mp4
Section 4 - Optimizing for Production\lesson 20 - Stripping development only Javascript with the DefinePlugin.mp4
Section 4 - Optimizing for Production\lesson 21 - Javascript Minification and Mangling with Babel and Uglify.mp4
Section 4 - Optimizing for Production\lesson 22 - Optimizing All Assets with GZip and Brotli Compression.mp4
Section 4 - Optimizing for Production\lesson 23 - Building out the Blog with React.mp4
Section 4 - Optimizing for Production\lesson 24 - Parsing Markdown for Blogging and Meta Data.mp4
Section 4 - Optimizing for Production\lesson 25 - SplitChunks and the Bundle Analyzer.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 26 - Server Side Render any Filetype with Webpack.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 27 - Server Side Render JS with Express and React.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 28 - Unified Compilation - Part 1.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 29 - Unified Compilation - Part 2.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 30 - Adding Multiple Pages with React Router.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 31 - Dynamic Import Syntax.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 32 - React Universal Components.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 33 - Async JS and CSS Chunk Loading in Parallel (aka the Holy Grail).mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 34 - 2 Strategies for Multiple Domains in Development.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 35 - Scoping Your Data per Domain.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 36 - Theming CSS per Domain.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 37 - Build out the Articles Pages for our 2 Heroes.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 38 - Redux Basics The store, the reducer and the action.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 39 - Fetching Articles from an API with Redux Thunk.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 40 - Redux on the client. Finishing our Article fetch.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 41 - Redux on the Server with Promises.mp4
Section 1 - Introduction\lesson 2 - Additional Course Materials and Code.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 03 - Up and Running with Webpack Dev Server.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 04 - Our First Loaders for CSS.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 05 - Better Errors and Loaders for HTML & Images.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 06 - Babel Basics.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 07 - Babel Polyfills, Transforms & Presets.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 08 - DIY Webpack Dev Server with Express Middleware.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 09 - Hot Reloading Both Client and Server with Nodemon.mp4
Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 10 - Debugging Node with Chrome DevTools.mp4
Section 3 - Choose Your Own Adventure\lesson 11 - Hooking Up React.mp4
Section 3 - Choose Your Own Adventure\lesson 12 - Hooking up React - Part 2 Stateful Reloading.mp4
Section 3 - Choose Your Own Adventure\lesson 13 - Hooking up HTML Preprocessors like EJS Pug Handlebars.mp4
Section 3 - Choose Your Own Adventure\lesson 14 - Hooking up CSS Preprocessors like SASS LESS Stylus.mp4
Section 3 - Choose Your Own Adventure\lesson 15 - Hooking up CSS in JS with Emotion and CSS Modules.mp4
Section 3 - Choose Your Own Adventure\lesson 16 - Hooking up Typescript.mp4
Section 3 - Choose Your Own Adventure\lesson 17 - Hooking up Angular.mp4
Section 3 - Choose Your Own Adventure\lesson 18 - Hooking up VueJS.mp4
Section 4 - Optimizing for Production\lesson 18 - Setup Production Hosting with Heroku.mp4
Section 4 - Optimizing for Production\lesson 19 - Production Ready CSS.mp4
Section 4 - Optimizing for Production\lesson 20 - Stripping development only Javascript with the DefinePlugin.mp4
Section 4 - Optimizing for Production\lesson 21 - Javascript Minification and Mangling with Babel and Uglify.mp4
Section 4 - Optimizing for Production\lesson 22 - Optimizing All Assets with GZip and Brotli Compression.mp4
Section 4 - Optimizing for Production\lesson 23 - Building out the Blog with React.mp4
Section 4 - Optimizing for Production\lesson 24 - Parsing Markdown for Blogging and Meta Data.mp4
Section 4 - Optimizing for Production\lesson 25 - SplitChunks and the Bundle Analyzer.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 26 - Server Side Render any Filetype with Webpack.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 27 - Server Side Render JS with Express and React.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 28 - Unified Compilation - Part 1.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 29 - Unified Compilation - Part 2.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 30 - Adding Multiple Pages with React Router.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 31 - Dynamic Import Syntax.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 32 - React Universal Components.mp4
Section 5 - Server Side Rendering & Dynamic Importing\lesson 33 - Async JS and CSS Chunk Loading in Parallel (aka the Holy Grail).mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 34 - 2 Strategies for Multiple Domains in Development.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 35 - Scoping Your Data per Domain.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 36 - Theming CSS per Domain.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 37 - Build out the Articles Pages for our 2 Heroes.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 38 - Redux Basics The store, the reducer and the action.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 39 - Fetching Articles from an API with Redux Thunk.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 40 - Redux on the client. Finishing our Article fetch.mp4
Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 41 - Redux on the Server with Promises.mp4
also You can watch my other last: Programming-posts
Screenshots
Webpack 4: Beyond the Basics (2018)
Webpack 4: Beyond the Basics (2018)
Webpack 4: Beyond the Basics (2018)
Webpack 4: Beyond the Basics (2018)
Webpack 4: Beyond the Basics (2018)
Exclusive eLearning Videos ParRus-blog ← add to bookmarks
Webpack 4: Beyond the Basics (2018)
