❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [August 18th, 2023]

Skills and Knowledge:
This course will provide students with the skills and knowledge necessary to master Webpack 2. Students will learn the difference between ES2015 and CommonJS module systems, how to load ES2015 code with Webpack's Babel Loader, how to use Webpack to automatically resize and compress images for optimal load times, how to implement code splitting to dramatically decrease load times, how to tweak React projects to work perfectly with Webpack, and how to master versioning of applications to reduce the amount of code users download. Additionally, students will learn how to deploy applications to AWS, Heroku, Github Pages, or Surge.
Professional Growth:
This course contributes to professional growth by providing a comprehensive overview of Webpack 2, the premier build tool for React and Angular 2 applications. It covers topics such as deployment, performance optimization, and custom boilerplate creation. Through this course, learners will gain the knowledge and skills necessary to customize projects to suit their particular needs, as well as understand 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, and master versioning of applications to reduce the amount of code users download. By the end of the course, learners will have a deep understanding of Webpack and be able to apply it to their own projects.
Further Education:
This course is suitable for preparing further education as it provides comprehensive knowledge of Webpack and its features. It covers topics such as ES2015 and CommonJS module systems, image optimization, code splitting, versioning, and deployment. With the experience gained from this course, students will be able to customize their projects to suit their particular needs and understand how to use Webpack to optimize their applications.

Course Syllabus

How to Use This Course

What Does Webpack Do?

Handling Project Assets

Building for Performance with Webpack

Applying Webpack to a Real Project

Webpack Dev Server

React-Specific Topics

Webpack-Based Deployment for Static Sites

Webpack-Based Deployment for Dynamic Sites

Extras