The Complete Course: Webpack 2
Get ready for your exam by enrolling in our comprehensive training course. This course includes a full set of instructional videos designed to equip you with in-depth knowledge essential for passing the certification exam with flying colors.
What’s included
- 53 : Lectures
- 5h 30m 26s : Duration
$14.99/24.99
What Does Webpack Do?
| Lectures |
|---|
| 1. Why Do We Use Build Tools?- 6m 38s |
| 2. Javascript Modules- 4m 24s |
| 3. The Purpose of Webpack- 4m 47s |
| 4. Webpack in Action- 4m 54s |
| 5. Javascript Module Syntax- 7m 30s |
| 6. Linking Files with CommonJS- 5m 16s |
| 7. Webpack Installation and Configuration- 6m 31s |
| 8. More on Webpack Configuration- 5m 32s |
| 9. Running Webpack- 5m 12s |
| 10. The Bundle.js File- 5m 59s |
| 11. Running the App- 3m 21s |
Handling Project Assets
| Lectures |
|---|
| 1. Introduction to Loaders- 6m 20s |
| 2. Babel Setup for ES2015- 4m 8s |
| 3. Babel Configuration- 4m 24s |
| 4. Refactor to ES2015 Modules- 3m 12s |
| 5. Handling CSS with Webpack- 7m 4s |
| 6. The Style and CSS Loaders- 6m 13s |
| 7. Loaders are Tricky!- 5m 38s |
| 8. The Extract Text Plugin- 6m 26s |
| 9. Handling Images with Webpack- 7m 18s |
| 10. Automatic Image Compression- 8m 48s |
| 11. Public Paths- 4m 29s |
Building for Performance with Webpack
| Lectures |
|---|
| 1. Introduction to Code Splitting- 5m 44s |
| 2. Codesplitting in Practice- 4m 42s |
| 3. On Demand Code Loading- 5m 15s |
| 4. System Import Calls- 6m 38s |
Applying Webpack to a Real Project
| Lectures |
|---|
| 1. A Real World Project- 2m 42s |
| 2. Setting Up Babel- 4m 28s |
| 3. Minimum Webpack Config- 6m 26s |
| 4. Vendor Asset Caching- 4m 34s |
| 5. More on Vendor Caching- 5m 10s |
| 6. Refactoring for Vendor Splitting- 9m 1s |
| 7. Effect of Code Splitting- 6m 28s |
| 8. Troubleshooting Vendor Bundles- 9m 37s |
| 9. Chunk Hashing for Cache Busting- 6m 3s |
| 10. Cache Busting Wrapup- 5m 22s |
| 11. Cleaning Project Files- 4m 15s |
Webpack Dev Server
| Lectures |
|---|
| 1. Introduction to Webpack Dev Server- 6m 4s |
| 2. Gotchas with Webpack Dev Server- 10m 8s |
React-Specific Topics
| Lectures |
|---|
| 1. React Router with Codesplitting- 7m 44s |
| 2. Plain Routes with React Router Codesplitting- 10m 44s |
Webpack-Based Deployment for Static Sites
| Lectures |
|---|
| 1. Deployment Options- 4m 22s |
| 2. Getting Production Ready- 7m 44s |
| 3. Deployment with Surge (Easiest!)- 3m 55s |
| 4. Deployment with Github Pages- 9m 2s |
| 5. Deployment with AWS S3- 10m 17s |
Webpack-Based Deployment for Dynamic Sites
| Lectures |
|---|
| 1. Deployment of Servers- 5m 2s |
| 2. Node and Webpack Integration- 5m 45s |
| 3. Webpack Middleware in Development- 7m 28s |
| 4. Webpack Middleware in Production- 10m 29s |
| 5. Deployment to Heroku- 8m 3s |
| 6. Deployment to AWS- 7m 16s |
| 7. More on AWS Deployment- 5m 54s |
