Webpack 2- The Complete Developer Guide

Webpack 2: The Complete Developers Guide, available at $89.99, has an average rating of 4.75, with 58 lectures, 1 quizzes, based on 5290 reviews, and has 25845 subscribers.

You will learn about Understand the purpose of Webpack in a modern web app Build custom boilerplate projects to serve ES2015 Javascript Deploy Webpack-based projects to AWS, Heroku, and more Enhance the performance of web apps by leveraging Webpacks ecosystem of plugins Enhance code organization through the use of ES2015 JS Modules This course is ideal for individuals who are Any engineer with basic knowledge of Javascript It is particularly useful for Any engineer with basic knowledge of Javascript.

Enroll now: Webpack 2: The Complete Developers Guide

Summary

Title: Webpack 2: The Complete Developers Guide

Price: $89.99

Average Rating: 4.75

Number of Lectures: 58

Number of Quizzes: 1

Number of Published Lectures: 57

Number of Published Quizzes: 1

Number of Curriculum Items: 59

Number of Published Curriculum Objects: 58

Original Price: $64.99

Quality Status: approved

Status: Live

What You Will Learn

Understand the purpose of Webpack in a modern web app

Build custom boilerplate projects to serve ES2015 Javascript

Deploy Webpack-based projects to AWS, Heroku, and more

Enhance the performance of web apps by leveraging Webpacks ecosystem of plugins

Enhance code organization through the use of ES2015 JS Modules

Who Should Attend

Any engineer with basic knowledge of Javascript

Target Audiences

Any engineer with basic knowledge of Javascript

Webpack is the premier build tool for React and Angular 2 applications.

Deployment? ?Covered. ?Performance optimizations?We got it. ?Custom boilerplate creation? ?Its here!

Webpack is notorious for being tricky to configure correctly. ?In this course you’ll master each major feature of Webpack and learn how to optimize it for your own app. ?Webpack has a?wealth of fancy features, but each requires in depth knowledge of how they work. ?This course is the?most comprehensive Webpack course you’ll find online, and the only full course on the popular version 2 edition of Webpack.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build Webpack-based projects.

Tired of downloading boilerplates packages?with no idea how to change them?

React and Angular 2 have seen standalone boilerplate packages flourish, but they come with dense configuration setups that make them challenging to change. ?With the experience you gain in this course you’ll be able to customize your projects to suit your particular needs.

So much content!

Learn the difference between ES2015 and CommonJS module systems

Load ES2015 code with Webpack’s?Babel Loader

Use Webpack to automatically resize and compress images for optimal load times

Implement code splitting to dramatically decrease load times

Learn to tweak your React project to work perfectly with Webpack

Master versioning of your application to reduce the amount of code your users download

Deploy your application to AWS, Heroku, Github Pages, or Surge

Webpack can be confusing to learn, but after taking this course you’ll understand that it is a tool that requires just a bit of concentration to master. ?Once you hear my explanations of Webpack, you’ll come to realize that each concept is straightforward, and only requires the smallest touch of patience to comprehend. ?No filler here, just laser focus on the most important aspects of Webpack.

I always build courses I would want to take, and this is no exception. ?Every topic is explained in great detail with accompanying diagrams and examples. ?You’ll learn the back story of each feature and learn where to apply them to solve real world problems.?

Course Curriculum

Chapter 1: How to Use This Course

Lecture 1: Start Here!

Lecture 2: Course Resources

Lecture 3: Join Our Community!

Chapter 2: What Does Webpack Do?

Lecture 1: Why Do We Use Build Tools?

Lecture 2: Javascript Modules

Lecture 3: The Purpose of Webpack

Lecture 4: Webpack in Action

Lecture 5: Javascript Module Syntax

Lecture 6: Linking Files with CommonJS

Lecture 7: Webpack Installation and Configuration

Lecture 8: More on Webpack Configuration

Lecture 9: Running Webpack

Lecture 10: The Bundle.js File

Lecture 11: Running the App

Chapter 3: Handling Project Assets

Lecture 1: Introduction to Loaders

Lecture 2: Babel Setup for ES2015

Lecture 3: Babel Configuration

Lecture 4: Refactor to ES2015 Modules

Lecture 5: Handling CSS with Webpack

Lecture 6: The Style and CSS Loaders

Lecture 7: Loaders are Tricky!

Lecture 8: The Extract Text Plugin

Lecture 9: Handling Images with Webpack

Lecture 10: Automatic Image Compression

Lecture 11: Public Paths

Chapter 4: Building for Performance with Webpack

Lecture 1: Introduction to Code Splitting

Lecture 2: Codesplitting in Practice

Lecture 3: On Demand Code Loading

Lecture 4: System Import Calls

Chapter 5: Applying Webpack to a Real Project

Lecture 1: A Real World Project

Lecture 2: Setting Up Babel

Lecture 3: Minimum Webpack Config

Lecture 4: Vendor Asset Caching

Lecture 5: More on Vendor Caching

Lecture 6: Refactoring for Vendor Splitting

Lecture 7: Effect of Code Splitting

Lecture 8: Troubleshooting Vendor Bundles

Lecture 9: Chunk Hashing for Cache Busting

Lecture 10: Cache Busting Wrapup

Lecture 11: Cleaning Project Files

Chapter 6: Webpack Dev Server

Lecture 1: Introduction to Webpack Dev Server

Lecture 2: Gotchas with Webpack Dev Server

Chapter 7: React-Specific Topics

Lecture 1: React Router with Codesplitting

Lecture 2: Plain Routes with React Router Codesplitting

Chapter 8: Webpack-Based Deployment for Static Sites

Lecture 1: Deployment Options

Lecture 2: Getting Production Ready

Lecture 3: Deployment with Surge (Easiest!)

Lecture 4: Deployment with Github Pages

Lecture 5: Deployment with AWS S3

Chapter 9: Webpack-Based Deployment for Dynamic Sites

Lecture 1: Deployment of Servers

Lecture 2: Node and Webpack Integration

Lecture 3: Webpack Middleware in Development

Lecture 4: Webpack Middleware in Production

Lecture 5: Deployment to Heroku

Lecture 6: Deployment to AWS

Lecture 7: More on AWS Deployment

Chapter 10: Extras

Lecture 1: Bonus!

Instructors

Stephen Grider
Engineering Architect

Rating Distribution

1 stars: 25 votes

2 stars: 39 votes

3 stars: 254 votes

4 stars: 1385 votes

5 stars: 3586 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!