Webpack 5: Getting Started 2020

Webpack 5 Course: Master Modern JavaScript Bundling

This comprehensive Webpack 5 course is designed for beginner to intermediate developers looking to build high-performance web applications. We'll dive into the latest Webpack 5 features (currently available as webpack@next on npm, as the official release is pending) to ensure you're equipped with the most current knowledge.

At the end of this course, you will be able to:

• Build Production-Ready Applications: Learn how to optimize your code for deployment and ensure a smooth user experience.
• Master Advanced Webpack Concepts: Gain a deep understanding of Webpack's inner workings and how to leverage its full potential.
• Support Development and Production Modes: Configure Webpack to optimize your build process for both development and production environments.
• Master JavaScript Modules: Effectively utilize JavaScript modules for code organization and reusability.
• Understand the "What?", "Why?", and "How?" of Webpack: Develop a solid foundational knowledge of Webpack's purpose and implementation.
• Boost Application Performance: Implement techniques to reduce load times and improve overall application speed.
• Split Your Application into Bundles: Optimize code delivery by breaking down your application into smaller, more manageable bundles.
• Microfrontends with Webpack: Explore how to build and manage microfrontends using Webpack.
• Achieve Modular Projects: Structure your projects for maintainability and scalability with Webpack's modular capabilities.
• Module Federation: Learn to share code between independent applications at runtime.

Who is this course for?

• Developers looking to enhance their JavaScript skills.
• Developers aspiring to become advanced or expert-level Webpack users.
• Developers seeking to adopt industry best practices for modern web development.
• Developers interested in optimizing application performance.
• Developers wanting to learn how to effectively build and structure their applications.

Prerequisites:

• Basic understanding of JavaScript.

Course Content:

• Webpack Overview: A foundational introduction to Webpack and its core concepts.
• JavaScript Modules: In-depth exploration of using JavaScript modules within Webpack.
• Webpack Configuration: Learn to configure Webpack for various project needs.
• Webpack-CLI: Master the command-line interface for efficient Webpack usage.
• Module Federation: Implement Module Federation for code sharing between applications.
• Babel Loaders: Integrate Babel for transpiling modern JavaScript features.
• Assets Management: Learn how to handle and optimize assets like images and fonts.
• Production Mode: Configure Webpack for optimized production builds.
• Support Development & Production Mode: Set up separate configurations for development and production environments.
• Webpack HTML Plugin: Dynamically generate HTML files with Webpack.
• HTML Templates: Utilize HTML templates for building dynamic web pages.
• Build Process: Understand and customize the Webpack build process.
• Modularity: Implement modular project structures for improved maintainability.