Webpack 4: Beyond the Basics (2018)

Webpack 4: Beyond the Basics (2018)

Close

Webpack 4: Beyond the Basics (2018)WEBRip | English | MP4 | 1280 x 720 | AVC ~213 kbps | 30 fpsAAC | 192 Kbps | 48.0 KHz | 2 channels | ~6 hours | 1.87 GBGenre: Video TutorialWelcome 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.

Content

Section 1 - Introduction\lesson 1 - How to get help with this Course.mp4Section 1 - Introduction\lesson 2 - Additional Course Materials and Code.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 03 - Up and Running with Webpack Dev Server.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 04 - Our First Loaders for CSS.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 05 - Better Errors and Loaders for HTML & Images.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 06 - Babel Basics.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 07 - Babel Polyfills, Transforms & Presets.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 08 - DIY Webpack Dev Server with Express Middleware.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 09 - Hot Reloading Both Client and Server with Nodemon.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 10 - Debugging Node with Chrome DevTools.mp4Section 3 - Choose Your Own Adventure\lesson 11 - Hooking Up React.mp4Section 3 - Choose Your Own Adventure\lesson 12 - Hooking up React - Part 2 Stateful Reloading.mp4Section 3 - Choose Your Own Adventure\lesson 13 - Hooking up HTML Preprocessors like EJS Pug Handlebars.mp4Section 3 - Choose Your Own Adventure\lesson 14 - Hooking up CSS Preprocessors like SASS LESS Stylus.mp4Section 3 - Choose Your Own Adventure\lesson 15 - Hooking up CSS in JS with Emotion and CSS Modules.mp4Section 3 - Choose Your Own Adventure\lesson 16 - Hooking up Typescript.mp4Section 3 - Choose Your Own Adventure\lesson 17 - Hooking up Angular.mp4Section 3 - Choose Your Own Adventure\lesson 18 - Hooking up VueJS.mp4Section 4 - Optimizing for Production\lesson 18 - Setup Production Hosting with Heroku.mp4Section 4 - Optimizing for Production\lesson 19 - Production Ready CSS.mp4Section 4 - Optimizing for Production\lesson 20 - Stripping development only Javascript with the DefinePlugin.mp4Section 4 - Optimizing for Production\lesson 21 - Javascript Minification and Mangling with Babel and Uglify.mp4Section 4 - Optimizing for Production\lesson 22 - Optimizing All Assets with GZip and Brotli Compression.mp4Section 4 - Optimizing for Production\lesson 23 - Building out the Blog with React.mp4Section 4 - Optimizing for Production\lesson 24 - Parsing Markdown for Blogging and Meta Data.mp4Section 4 - Optimizing for Production\lesson 25 - SplitChunks and the Bundle Analyzer.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 26 - Server Side Render any Filetype with Webpack.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 27 - Server Side Render JS with Express and React.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 28 - Unified Compilation - Part 1.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 29 - Unified Compilation - Part 2.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 30 - Adding Multiple Pages with React Router.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 31 - Dynamic Import Syntax.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 32 - React Universal Components.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 33 - Async JS and CSS Chunk Loading in Parallel (aka the Holy Grail).mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 34 - 2 Strategies for Multiple Domains in Development.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 35 - Scoping Your Data per Domain.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 36 - Theming CSS per Domain.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 37 - Build out the Articles Pages for our 2 Heroes.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 38 - Redux Basics The store, the reducer and the action.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 39 - Fetching Articles from an API with Redux Thunk.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 40 - Redux on the client. Finishing our Article fetch.mp4Section 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-postsScreenshots

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

Exclusive eLearning Videos ParRus-blog ← add to bookmarks

×

Webpack 4: Beyond the Basics (2018)

Close×

Webpack 4: Beyond the Basics (2018)

Close

Webpack 4: Beyond the Basics (2018)WEBRip | English | MP4 | 1280 x 720 | AVC ~213 kbps | 30 fpsAAC | 192 Kbps | 48.0 KHz | 2 channels | ~6 hours | 1.87 GBGenre: Video TutorialWelcome 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.

Content

Section 1 - Introduction\lesson 1 - How to get help with this Course.mp4Section 1 - Introduction\lesson 2 - Additional Course Materials and Code.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 03 - Up and Running with Webpack Dev Server.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 04 - Our First Loaders for CSS.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 05 - Better Errors and Loaders for HTML & Images.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 06 - Babel Basics.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 07 - Babel Polyfills, Transforms & Presets.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 08 - DIY Webpack Dev Server with Express Middleware.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 09 - Hot Reloading Both Client and Server with Nodemon.mp4Section 2 - Reactive Development (aka Optimal Dev Experience)\lesson 10 - Debugging Node with Chrome DevTools.mp4Section 3 - Choose Your Own Adventure\lesson 11 - Hooking Up React.mp4Section 3 - Choose Your Own Adventure\lesson 12 - Hooking up React - Part 2 Stateful Reloading.mp4Section 3 - Choose Your Own Adventure\lesson 13 - Hooking up HTML Preprocessors like EJS Pug Handlebars.mp4Section 3 - Choose Your Own Adventure\lesson 14 - Hooking up CSS Preprocessors like SASS LESS Stylus.mp4Section 3 - Choose Your Own Adventure\lesson 15 - Hooking up CSS in JS with Emotion and CSS Modules.mp4Section 3 - Choose Your Own Adventure\lesson 16 - Hooking up Typescript.mp4Section 3 - Choose Your Own Adventure\lesson 17 - Hooking up Angular.mp4Section 3 - Choose Your Own Adventure\lesson 18 - Hooking up VueJS.mp4Section 4 - Optimizing for Production\lesson 18 - Setup Production Hosting with Heroku.mp4Section 4 - Optimizing for Production\lesson 19 - Production Ready CSS.mp4Section 4 - Optimizing for Production\lesson 20 - Stripping development only Javascript with the DefinePlugin.mp4Section 4 - Optimizing for Production\lesson 21 - Javascript Minification and Mangling with Babel and Uglify.mp4Section 4 - Optimizing for Production\lesson 22 - Optimizing All Assets with GZip and Brotli Compression.mp4Section 4 - Optimizing for Production\lesson 23 - Building out the Blog with React.mp4Section 4 - Optimizing for Production\lesson 24 - Parsing Markdown for Blogging and Meta Data.mp4Section 4 - Optimizing for Production\lesson 25 - SplitChunks and the Bundle Analyzer.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 26 - Server Side Render any Filetype with Webpack.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 27 - Server Side Render JS with Express and React.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 28 - Unified Compilation - Part 1.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 29 - Unified Compilation - Part 2.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 30 - Adding Multiple Pages with React Router.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 31 - Dynamic Import Syntax.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 32 - React Universal Components.mp4Section 5 - Server Side Rendering & Dynamic Importing\lesson 33 - Async JS and CSS Chunk Loading in Parallel (aka the Holy Grail).mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 34 - 2 Strategies for Multiple Domains in Development.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 35 - Scoping Your Data per Domain.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 36 - Theming CSS per Domain.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 37 - Build out the Articles Pages for our 2 Heroes.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 38 - Redux Basics The store, the reducer and the action.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 39 - Fetching Articles from an API with Redux Thunk.mp4Section 6 - Building a Multi Domain Blog Site (and Redux integration)\lesson 40 - Redux on the client. Finishing our Article fetch.mp4Section 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-postsScreenshots

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

×

Webpack 4: Beyond the Basics (2018)

Close

Exclusive eLearning Videos ParRus-blog ← add to bookmarks

×

Webpack 4: Beyond the Basics (2018)

Close