Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Neuroscience Coaching
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 4.5 hours on-demand video
  • 5 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Webpack

Webpack 5: The Complete Guide For Beginners

Learn Webpack 5 from the very basics to advanced! Use Webpack with JS, CSS, npm, Babel, Node
Bestseller
Rating: 4.5 out of 54.5 (2,257 ratings)
10,095 students
Created by Viktor Pyskunov
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Quickly get started, without long introductions and rambling.
  • Create fully functional, production ready Webpack 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 loaders and plugins.
  • Use latest cutting edge JS features with Webpack 5, Babel 7, and npm.
  • Organize your code better with EcmaScript 2015 modules and Webpack Code Splitting.
  • Being able to understand and improve existing Webpack config.
  • Integrate Webpack with Node JS and Express framework.
  • Using Webpack for Single Page Applications as well as Multiple Page Applications.
  • Get a solid foundation for learning advanced Webpack features.
  • Import CSS into your JS files using Webpack.
Curated for the Udemy for Business collection

Course content

16 sections • 63 lectures • 4h 37m total length

  • Preview02:05
  • Preview02:23

  • Why Do We Need Webpack
    Preview02:09
  • Preview04:38
  • Preview03:04
  • Small Note about Github Repository
    00:22
  • Preview04:21
  • Preview06:44

  • Preview00:54
  • Preview07:47
  • Handling Images With Webpack. How To Use publicPath
    04:42
  • Preview09:59
  • Handling SASS
    03:33
  • Using Latest JavaScript Features With Babel
    05:59

  • What Is Webpack Plugin?
    01:02
  • Minification of the Resulting Webpack Bundle
    03:33
  • Extracting CSS Into a Separate Bundle With mini-css-extract-plugin, Part 1
    04:39
  • Extracting CSS Into a Separate Bundle, Part 2
    05:06
  • Browser Caching
    05:01
  • How To Clean Dist Folder Before Generating New Bundles
    05:24
  • Generating HTML Files Automatically During Webpack Build Process
    05:44
  • Customizing Generated HTML Files
    03:04
  • Integration with Handlebars
    06:00
  • More Webpack Plugins
    00:57

  • Introduction
    00:32
  • Mode
    04:06
  • Managing Webpack Config for Production and Development Use Cases
    05:06
  • Faster Development with webpack dev server
    04:23
  • Cleaning Up A Bit
    00:44

  • Introduction
    01:08
  • Creating KiwiImage Component
    04:42
  • Code Splitting in Webpack: Multiple JS and CSS Bundles
    07:03
  • How To Generate Multiple HTML Files
    06:34
  • Extracting Common Dependencies While Code Splitting
    11:14
  • Setting Custom Options for Code Splitting
    03:48
  • How To Setup Development Environment For Multiple Page Application
    05:11

  • How To Use Github Repository
    05:16

  • Introduction
    02:02
  • Getting Code for Single Page Application
    00:25
  • Integrating Express Into Our Application
    04:38
  • Serving HTML Pages via Express
    04:50
  • Handling JS and CSS via Express
    02:53
  • Getting Code for Multiple Page Application
    00:24
  • Integrating Express.js Into A Multiple Page Application
    03:42

  • Creating 2 Separate Applications, Part 1
    06:04
  • Creating 2 Separate Applications, Part 2
    05:04
  • Setting Up Module Federation
    07:24
  • Consuming Federated Modules
    03:18
  • Modules Are Loaded At Runtime
    02:28
  • Creating Micro Frontends
    07:18
  • Micro Frontends In Action, Part 1
    05:31
  • Micro Frontends In Action, Part 2
    06:59
  • Navigation Bar Component
    08:14

  • Getting the Source Code
    00:30
  • Integration with jQuery
    04:06

Requirements

  • Basics of JavaScript
  • Basics of HTML

Description

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!

Who this course is for:

  • All developers with basic JavaScript knowledge

Featured review

Juanfe Vásquez
Juanfe Vásquez
28 courses
9 reviews
Rating: 4.5 out of 5a year ago
Great course, specially considering that the vast majority of webpack related tutorials on the web are outdated. This course won't make you a webpack ninja, but it will build the foundations necessary to start your web projects and enable you to do deeper research on your own (many times it is about asking the right question and you need good foundations to ask proper questions).

Instructor

Viktor Pyskunov
Senior Software Developer
Viktor Pyskunov
  • 4.5 Instructor Rating
  • 3,397 Reviews
  • 16,152 Students
  • 4 Courses

My name is Viktor and my goal is to help you understand stuff.

I am a Senior Software Developer specializing in JavaScript and various technologies around it.
I have been creating web applications for 12 years.
During these years I acquired a lot of expertise in Software Development industry.
Now I want to share my knowledge with you.

I design my courses so they are easy to understand and to follow,
and I update them regularly in order to keep them up-to-date.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.