McAfee-Secured Website

Course name Web Development Courses The Complete Course: Webpack 2: The Complete Course: Webpack 2

The Complete Course: Webpack 2 Video Course

The Complete Course: Webpack 2 Video Course is developed by Web Development Courses Professionals to help you pass the The Complete Course: Webpack 2 exam.

You Will Learn:

Was 21.99 USD
Now 19.99 USD

Description

This course will improve your knowledge and skills required to pass The Complete Course: Webpack 2 exam.

Curriculum For This Course

  • 1. What Does Webpack Do? 11 Videos 00:60:03
    • Why Do We Use Build Tools? 06:38
    • Javascript Modules 04:24
    • The Purpose of Webpack 04:47
    • Webpack in Action 04:54
    • Javascript Module Syntax 07:30
    • Linking Files with CommonJS 05:16
    • Webpack Installation and Configuration 06:31
    • More on Webpack Configuration 05:32
    • Running Webpack 05:12
    • The Bundle.js File 05:59
    • Running the App 03:21
  • 2. Handling Project Assets 11 Videos 01:03:59
    • Introduction to Loaders 06:20
    • Babel Setup for ES2015 04:08
    • Babel Configuration 04:24
    • Refactor to ES2015 Modules 03:12
    • Handling CSS with Webpack 07:04
    • The Style and CSS Loaders 06:13
    • Loaders are Tricky! 05:38
    • The Extract Text Plugin 06:26
    • Handling Images with Webpack 07:18
    • Automatic Image Compression 08:48
    • Public Paths 04:29
  • 3. Building for Performance with Webpack 4 Videos 00:22:17
    • Introduction to Code Splitting 05:44
    • Codesplitting in Practice 04:42
    • On Demand Code Loading 05:15
    • System Import Calls 06:38
  • 4. Applying Webpack to a Real Project 11 Videos 01:04:04
    • A Real World Project 02:42
    • Setting Up Babel 04:28
    • Minimum Webpack Config 06:26
    • Vendor Asset Caching 04:34
    • More on Vendor Caching 05:10
    • Refactoring for Vendor Splitting 09:01
    • Effect of Code Splitting 06:28
    • Troubleshooting Vendor Bundles 09:37
    • Chunk Hashing for Cache Busting 06:03
    • Cache Busting Wrapup 05:22
    • Cleaning Project Files 04:15
  • 5. Webpack Dev Server 2 Videos 00:16:12
    • Introduction to Webpack Dev Server 06:04
    • Gotchas with Webpack Dev Server 10:08
  • 6. React-Specific Topics 2 Videos 00:18:28
    • React Router with Codesplitting 07:44
    • Plain Routes with React Router Codesplitting 10:44
  • 7. Webpack-Based Deployment for Static Sites 5 Videos 00:35:20
    • Deployment Options 04:22
    • Getting Production Ready 07:44
    • Deployment with Surge (Easiest!) 03:55
    • Deployment with Github Pages 09:02
    • Deployment with AWS S3 10:17
  • 8. Webpack-Based Deployment for Dynamic Sites 7 Videos 00:49:57
    • Deployment of Servers 05:02
    • Node and Webpack Integration 05:45
    • Webpack Middleware in Development 07:28
    • Webpack Middleware in Production 10:29
    • Deployment to Heroku 08:03
    • Deployment to AWS 07:16
    • More on AWS Deployment 05:54