Webpack 5: Getting Started 2020

Webpack 5: Getting Started 2020, available at $19.99, has an average rating of 3.85, with 50 lectures, based on 37 reviews, and has 241 subscribers.

You will learn about Create Production-Ready applications Improve the performance of your application Master Webpack Configuration How Webpack works behind the scenes Transpile your dependencies and modules correctly Webpack Loaders Webpack Plugins Customize your build Split your bundle files Module Federation This course is ideal for individuals who are Developers who want to move their application to production or Developers who want to improve their skills or Developers who want to learn about the new feature of webpack or React Developers It is particularly useful for Developers who want to move their application to production or Developers who want to improve their skills or Developers who want to learn about the new feature of webpack or React Developers.

Enroll now: Webpack 5: Getting Started 2020

Summary

Title: Webpack 5: Getting Started 2020

Price: $19.99

Average Rating: 3.85

Number of Lectures: 50

Number of Published Lectures: 49

Number of Curriculum Items: 50

Number of Published Curriculum Objects: 49

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Create Production-Ready applications
Improve the performance of your application
Master Webpack Configuration
How Webpack works behind the scenes
Transpile your dependencies and modules correctly
Webpack Loaders
Webpack Plugins
Customize your build
Split your bundle files
Module Federation

Who Should Attend

Developers who want to move their application to production
Developers who want to improve their skills
Developers who want to learn about the new feature of webpack
React Developers

Target Audiences

Developers who want to move their application to production
Developers who want to improve their skills
Developers who want to learn about the new feature of webpack
React Developers

Webpack 5 Course For Beginner/Intermediate Developers

This course is UP-TODATE with the latest Webpack version 5 (@NEXT version)

Webpack 5 still not officially released

It is available as webpack@next on npm

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

1. Build Production Ready Applications

2. Master webpack advanced concepts

3. Support Development and Production modes

4. Master JavaScript Modules

5. Know the What? Why? How?

6. Boost your application performance

7. Split your application into bundles

8. Microfrontends with Webpack

9. Achieve Modular Project

10. Module Federation

Who is this course for:

1. Developers who want to sharpen their skills

2. Developers who want to become advanced/expert developers

3. Developers who seek to aquire best practices

4. Developers who want to learn about application performance

5. Developers who want to learn how to build their application

Prerequisites:

1. Basic JavaScript

This course includes:

1. Webpack Overview

2. JavaScript Modules

3. Webpack Configuration

4. Webpack-CLI

5. Module Federation

6. Babel Loaders

7. Assets Management

8. Production Mode

9. Support Development & Production Mode

10. Webpack HTML Plugin

11. HTML Templates

12. Build Process

13. Modularity

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Webpack Overview

Lecture 1: Javascript Modules

Lecture 2: Exporting and Importing Modules

Lecture 3: Before Webpack Deep Dive – Modularity

Lecture 4: Why Do We Need Webpack?

Chapter 3: Webpack Configuration

Lecture 1: Entry (High Level Overview)

Lecture 2: Output (High Level Overview)

Lecture 3: Loaders (High Level Overview)

Chapter 4: Webpack Setup

Lecture 1: Clonning Our Project

Lecture 2: Project Files

Lecture 3: Webpack Install

Lecture 4: Webpack Configuration

Chapter 5: importing ES6+ Files

Lecture 1: Loaders Section

Lecture 2: Loaders – Adding ES6+ Loaders

Lecture 3: Loaders – Adding React Loaders

Chapter 6: Webpack-CLI

Lecture 1: Webpack Command Line Interface

Lecture 2: CLI Options

Lecture 3: Environment Variables and Arguments

Chapter 7: Generating HTML Entry

Lecture 1: Creating App Entry

Lecture 2: Generating App Entry

Lecture 3: Serving Our App

Lecture 4: Adding Template

Chapter 8: Assets Management

Lecture 1: Section Goal

Lecture 2: Loaders – Loading CSS

Lecture 3: Loaders – Loading Images

Chapter 9: Configuring The Output

Lecture 1: Multiple Entry Files

Lecture 2: Naming Our Assets

Lecture 3: Public Path

Lecture 4: Cleaning Up

Chapter 10: Development Mode

Lecture 1: Webpack Mode

Lecture 2: Source Maps

Lecture 3: Setting The Environment

Lecture 4: Dev Server Options

Chapter 11: Production Mode

Lecture 1: Development vs Production

Lecture 2: Supporting Multiple Configs

Lecture 3: Production Config

Chapter 12: Code Splitting

Lecture 1: Bundle Inspecting

Lecture 2: Exploring The Bundle Files

Chapter 13: Lazy Loading

Lecture 1: Why Lazy Loading?

Lecture 2: Dynamic Import (Lazy Loading)

Lecture 3: Splitting Modules

Chapter 14: Module Federation

Lecture 1: Motivation (Why Federation)

Lecture 2: Clonning Our Applications

Lecture 3: Serving Our Application Simultaneously

Lecture 4: Exposing Our Components

Lecture 5: Consuming Our Remote Components

Lecture 6: Using The Remote Form

Lecture 7: Testing Host & Remote

Lecture 8: Final Code

Instructors

Eyas Mattar
Software Engineer with the focus on High Quality Production

Rating Distribution

1 stars: 0 votes
2 stars: 6 votes
3 stars: 10 votes
4 stars: 10 votes
5 stars: 11 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!

Menu