Udemy

Webpack 5: The Complete Guide For Beginners

Enroll Now
  • 28,412 Students
  • Updated 9/2024
4.4
(5,514 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
4 Hour(s) 50 Minute(s)
Language
English
Taught by
Viktor Pyskunov
Rating
4.4
(5,514 Ratings)
1 views

Course Overview

Webpack 5: The Complete Guide For Beginners

Learn Webpack 5 from the very basics to advanced! Use Webpack with JS, CSS, NPM, Module Federation and Micro Frontends.

My main goal is to help you understand and master Webpack, particularly its latest version Webpack 5! This course was specifically designed for those who want to learn Webpack from scratch, and for those who are already working with Webpack, but don't fully understand how it works.

In this course we will build fully functional, production ready Webpack configuration from scratch. We will start from the very simple things and then gradually move towards more advanced topics. Each lesson builds on top of the previous ones, so it is easy to follow.

After this course you will definitely be able to use Webpack in your projects. You will be able to create your own Webpack configurations and improve existing ones. We will also cover using NPM and Babel in this course in order to use the latest JavaScript technologies. If you worked on a project with Webpack, but never touched the configuration, after this course you will be able to touch it, and even improve it :)

I am constantly updating this course, so you can always be sure that it is up-to-date and covers the latest features of Webpack.

If you have any questions regarding Webpack, feel free to post them in the Q&A section. Many people have already found answers to their questions there, and I will do my best to help you with your questions as well.

Most React and Angular boilerplates come with Webpack included, and most people are afraid to touch its default configuration. I strongly believe that you should not be scared of it. You should master it!

P. S. Made in Ukraine

Course Content

  • 10 section(s)
  • 66 lecture(s)
  • Section 1 Introduction
  • Section 2 Initial Setup and Integrating Webpack
  • Section 3 Asset Modules
  • Section 4 Loaders
  • Section 5 Plugins
  • Section 6 Production vs Development Builds
  • Section 7 Multiple Page Applications and Code Splitting
  • Section 8 Github Repository
  • Section 9 Webpack Integration With Node And Express
  • Section 10 Module Federation

What You’ll Learn

  • Quickly get started, without long introductions and rambling.
  • Create fully functional, production ready Webpack 5 config from scratch.
  • Get a solid understanding how Webpack really works and when to use it.
  • Optimize your Webpack production builds to be small and fast.
  • Optimize your development experience by enabling Hot Module Replacement, better Error Handling, etc.
  • Deep dive into Webpack 5 Asset Modules, Loaders and Plugins.
  • Use latest cutting edge JavaScript features with Webpack 5, Babel 7, and NPM.
  • Structure your code better with ES Modules and Webpack Code Splitting.
  • Be able to understand and improve existing Webpack configurations.
  • Integrate Webpack 5 with NodeJS and Express framework.
  • Use Webpack for Single Page Applications as well as Multiple Page Applications.
  • Get a solid foundation for learning advanced Webpack features.
  • Master the new Module Federation feature introduced in Webpack 5.

Reviews

  • G
    Gaurang Patel
    5.0

    great!

  • V
    Vineet Dubey
    5.0

    awesome course

  • V
    VishwaKumar Patil
    4.5

    Thank you for all the efforts and time you have put to creating this amazing content. I understand this concept better now because of you.

  • A
    Akhil Reddy
    4.5

    I felt this course is really good it really starts from the basics and went through the way.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed