Webpack 5 and Vite: A New Way to Learn – Active Thinking

Webpack 5 and Vite: A New Way to Learn – Active Thinking, available at $49.99, has an average rating of 4.45, with 44 lectures, based on 84 reviews, and has 596 subscribers.

You will learn about Master Webpack 5 and Webpack DevServer Master Vite Master Webpack and Vite library Master Webpack Module Federation This course is ideal for individuals who are JavaScript developers who want to learn Webpack 5 or JavaScript developers who want to learn Vite or Webpack developers who want to learn Webpack module federation It is particularly useful for JavaScript developers who want to learn Webpack 5 or JavaScript developers who want to learn Vite or Webpack developers who want to learn Webpack module federation.

Enroll now: Webpack 5 and Vite: A New Way to Learn – Active Thinking

Summary

Title: Webpack 5 and Vite: A New Way to Learn – Active Thinking

Price: $49.99

Average Rating: 4.45

Number of Lectures: 44

Number of Published Lectures: 44

Number of Curriculum Items: 44

Number of Published Curriculum Objects: 44

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Master Webpack 5 and Webpack DevServer
Master Vite
Master Webpack and Vite library
Master Webpack Module Federation

Who Should Attend

JavaScript developers who want to learn Webpack 5
JavaScript developers who want to learn Vite
Webpack developers who want to learn Webpack module federation

Target Audiences

JavaScript developers who want to learn Webpack 5
JavaScript developers who want to learn Vite
Webpack developers who want to learn Webpack module federation

This course teaches both Webpack and Vite, but we did not just stack a Webpack course and a Vite course together.

We want to help you master Webpack with less time and effort. This is why we add a Vite course.

Studying Webpack lays the foundation for the following Vite study. Your Webpack experience enables you to instantly understand similar concepts in Vite. As a result, you can master Vite with much less time and effort.

Meanwhile, learning Vite gives you the perfect opportunity to review and apply your Webpack knowledge.

By comparing the similarities and differences between Webpack and Vite, you can deepen your understanding of both subjects.

“Exploring” in the “darkness.”

Instead of directly telling you what to do, this course takes a different approach—“forcing” you to figure things out by yourself. You will not only learn how but also know why.

Since Webpack 4, a config file is no longer needed. This, of course, is just a marketing gimmick, something Webpack does to attract more new users by appearing to be simple and convenient.

We take advantage of this feature. We will create a project and adapt it to meet the default Webpack settings. In this process, you will develop a more accurate and much deeper of how Webpack works and how to configure it.

If you prefer the old way of learning, where I give you detailed instructions on how to do everything, we have got you covered. We have prepared a traditional Webpack entry lesson, which teaches everything step by step.

Course Curriculum

Chapter 1: Webpack 5: Bundling, Tree Shaking, Lazy Loading, Loaders, Plugins, Asset Modules

Lecture 1: Active Thinking: Exploring Webpack By Guessing

Lecture 2: Active Thinking: Reverse Engineering the Webpack Config File

Lecture 3: Webpack Introduction (the Traditional Approach)

Lecture 4: Webpack Watch & WatchOptions

Lecture 5: Webpack Dev Server

Lecture 6: Static Files

Lecture 7: Deduplication

Lecture 8: Multiple Entry Points

Lecture 9: Tree Shaking

Lecture 10: Side Effects

Lecture 11: ES6 Dynamic Module Crash Course

Lecture 12: Lazy Loading

Lecture 13: splitChunksPlugin

Lecture 14: htmlWebpackPlugin

Lecture 15: htmlWebpackPlugin: Multiple Pages

Lecture 16: Webpack.ProvidePlugin

Lecture 17: Webpack Asset Modules

Lecture 18: Asset

Lecture 19: Asset Modules Public Path

Lecture 20: CSS

Lecture 21: Minimizing CSS

Lecture 22: On-demand CSS

Lecture 23: SASS

Lecture 24: PublicPath and Deployment

Lecture 25: Separate Config Files

Lecture 26: Challenge: HTML File as Static Asset

Chapter 2: Vite

Lecture 1: Vite Introduction: Making Educated Guesses Based on Webpack Experience

Lecture 2: Vite Lazy Loading: Proving a Hypothesis

Lecture 3: Vite Asset Files: "File-loader"

Lecture 4: Vite Asset Files: RAW and Data URI

Lecture 5: Vite Asset Files: Public Directory and HTML Files

Lecture 6: CWD

Lecture 7: Vite Config File: Custom Vite Root

Lecture 8: Vite Config File: Custom Input and Output

Lecture 9: Vite Config File: Split CSS and Control Data URI

Lecture 10: Vite Config File: Base Path

Chapter 3: Library with Webpack & Vite

Lecture 1: Webpack Library Preparation

Lecture 2: Webpack Library Type

Lecture 3: Webpack External Dependencies

Lecture 4: Vite Library: All in One

Chapter 4: Webpack Module Federation

Lecture 1: Preparation: Lerna

Lecture 2: The "REMOTE" Project

Lecture 3: The "LOCAL" Project

Lecture 4: Shared Dependencies

Instructors

OnlyKiosk Tech
Provide Effective Coding Training

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 13 votes
4 stars: 21 votes
5 stars: 48 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