Webpack 5 Fundamentals

Focused View

Joe Eames

2:42:45

195 View

1. Course Overview

1. Course Overview.mp4

01:06

2. Creating Builds with Webpack

1. Introduction.mp4

06:14

2. Creating a Simple Build.mp4

04:25

3. Using the Webpack CLI.mp4

04:42

4. Configuring Webpack.mp4

06:18

5. Adding Source Maps.mp4

02:11

6. Using the Webpack Dev Server.mp4

07:14

7. Building Multiple Files.mp4

03:58

8. Summary.mp4

00:42

3. Creating Production-ready Builds

1. Introduction.mp4

00:55

2. Production vs. Dev Builds.mp4

06:50

3. Using Loaders.mp4

05:36

4. Adding TypeScript.mp4

05:59

5. Creating Multiple Bundles.mp4

03:57

6. Summary.mp4

00:35

04. Adding CSS to a Build

01. Introduction.mp4

00:39

02. What Are Plugins.mp4

01:19

03. Creating Your HTML File with Webpack.mp4

06:10

04. Cleaning out the Target Directory.mp4

01:20

05. Live Reloading the Web Server.mp4

03:41

06. Including CSS in Your Build.mp4

05:43

07. Understanding the Style Loader Implementation.mp4

02:03

08. Using SASS.mp4

04:30

09. Creating a Separate CSS Bundle.mp4

04:12

10. Using PostCSS and Autoprefixer.mp4

07:23

11. Summary.mp4

01:07

05. Adding Images and Fonts to a Build

01. Introduction.mp4

01:06

02. Adding Images to a Build - Copy Method.mp4

04:59

03. Understanding Asset Modules.mp4

01:55

04. Using Source Assets to Handle Raw Files.mp4

02:55

05. Using Resource Assets to Include Images.mp4

05:14

06. Parsing HTML in a Build.mp4

06:09

07. Inlining Images.mp4

01:42

08. Handling Images from CSS.mp4

01:47

09. Mixing Inlining and Copying Assets.mp4

01:59

10. Summary.mp4

00:51

6. Using Webpack Tools

1. Introduction.mp4

01:13

2. Analyzing Your Bundles.mp4

03:22

3. Using the Server Proxy.mp4

05:27

4. Creating a Custom Loader.mp4

07:32

5. Creating a Plugin.mp4

04:09

6. Summary.mp4

00:17

7. Webpack and Front End Frameworks

1. Introduction.mp4

02:37

2. Customizing Angular Builds.mp4

06:22

3. Customizing React Builds.mp4

01:45

4. Customizing Vue Builds.mp4

01:51

5. Summary.mp4

00:44

Description

This course will teach you how to use Webpack to build your JavaScript web applications using modern best practices.

What You'll Learn?

Bundling and building web applications are critical in the modern web. In this course, Webpack 5 Fundamentals, you’ll learn to create performant and maintainable builds for your web applications. First, you’ll explore how to bundle code together. Next, you’ll discover how to transpile and add other assets such as CSS, fonts, and images to your build. Finally, you’ll learn to incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular. When you’re finished with this course, you’ll have the skills and knowledge of Webpack needed to create and maintain the bundling and build of any web application.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Web Development

JavaScript

Joe Eames

Instructor's Courses

Joe began his love of programming on an Apple III in BASIC. Although his preferred language is JavaScript, he has worked professionally with just about every major Microsoft language. He is currently a consultant and full time author for Pluralsight. Joe has always had a strong interest in education, and has worked both full and part time as a technical teacher for over ten years. He is a frequent blogger and speaker, organizer of ng-conf, the AngularJS conference (www.ng-conf.org), and a panelist on the JavaScript Jabber podcast (http://javascriptjabber.com/)

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.