We may earn an affiliate commission when you visit our partners.

Webpack 5 Fundamentals

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

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.

Enroll now

Or start your subscription today

And complete this course over a free trial

What's inside

Syllabus

Course Overview

Creating Builds with Webpack

Creating Production-ready Builds

Adding CSS to a Build

Adding Images and Fonts to a Build

Using Webpack Tools

Webpack and Front End Frameworks

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches how to use Webpack for your JavaScript web applications, which is a key tool in modern web development

Taught by Joe Eames, who is known for their expertise in Webpack and JavaScript development

Covers a wide range of topics, from building production-ready builds to using Webpack with front end frameworks like React and Vue

Includes hands-on labs and interactive materials, which provides learners with practical experience

Requires learners to have prior knowledge of JavaScript and web development concepts

Save this course

Save Webpack 5 Fundamentals to your list so you can find it easily later:

Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Webpack 5 Fundamentals with these activities:

Review JavaScript Basics

Show steps

Strengthen your JavaScript foundation for a deeper understanding of Webpack.

Browse courses on JavaScript Fundamentals

Show steps

Review JavaScript syntax and data types
Practice writing JavaScript functions
Understand JavaScript event handling

Join a Webpack Study Group or Online Community

Show steps

Expand your network and learn from others by participating in a Webpack community.

Browse courses on Collaboration

Show steps

Find a Webpack study group or online community
Introduce yourself and share your interests
Participate in discussions and ask questions
Collaborate on projects or code challenges

Create a Personal Website Using Webpack

Show steps

Enhance your portfolio and gain practical experience by creating your own website.

Browse courses on Portfolio Development

Show steps

Plan the structure and design of your website
Set up a Webpack project
Write the HTML, CSS, and JavaScript for your website
Build and deploy your website

Two other activities

Expand to see all activities and additional details

Show all five activities

Follow a Tutorial on Webpack Optimization Techniques

Show steps

Enhance your Webpack skills by exploring optimization techniques.

Browse courses on Performance Optimization

Show steps

Find a reputable tutorial on Webpack optimization
Follow the tutorial step-by-step
Implement the optimization techniques in your own project
Measure the performance improvements

Build a Real-World Web Application with Webpack

Show steps

Solidify your skills by building a complete web application with Webpack.

Browse courses on Full-stack Development

Show steps

Plan and design your web application
Set up a Webpack project
Write your application code
Build and deploy your application
Test and debug your application

Career center

Learners who complete Webpack 5 Fundamentals will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front End Developers are responsible for designing, developing, and maintaining the visual interface of web applications. This course will teach you how to use Webpack to create performant and maintainable builds for your front end web applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular. By the end of this course, you'll have the skills you need to build and maintain the front end of any web application.

See salaries and explore the career path for Front-End Developer

Web Developer

Web Developers are responsible for designing, developing, and maintaining websites and web applications. This course will teach you how to use Webpack to create performant and maintainable builds for your web applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular. By the end of this course, you'll have the skills you need to build and maintain any web application.

See salaries and explore the career path for Web Developer

Full-Stack Developer

Full Stack Developers are responsible for designing, developing, and maintaining both the front end and back end of web applications. This course will teach you how to use Webpack to create performant and maintainable builds for your web applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular. By the end of this course, you'll have the skills you need to build and maintain the full stack of any web application.

See salaries and explore the career path for Full-Stack Developer

JavaScript Developer

JavaScript Developers are responsible for developing and maintaining JavaScript applications. This course will teach you how to use Webpack to create performant and maintainable builds for your JavaScript applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular. By the end of this course, you'll have the skills you need to build and maintain any JavaScript application.

See salaries and explore the career path for JavaScript Developer

React Developer

React Developers are responsible for developing and maintaining React applications. This course will teach you how to use Webpack to create performant and maintainable builds for your React applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into React. By the end of this course, you'll have the skills you need to build and maintain any React application.

See salaries and explore the career path for React Developer

Vue Developer

Vue Developers are responsible for developing and maintaining Vue applications. This course will teach you how to use Webpack to create performant and maintainable builds for your Vue applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into Vue. By the end of this course, you'll have the skills you need to build and maintain any Vue application.

See salaries and explore the career path for Vue Developer

Angular Developer

Angular Developers are responsible for developing and maintaining Angular applications. This course will teach you how to use Webpack to create performant and maintainable builds for your Angular applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into Angular. By the end of this course, you'll have the skills you need to build and maintain any Angular application.

See salaries and explore the career path for Angular Developer

Node.js Developer

Node.js Developers are responsible for developing and maintaining Node.js applications. While this course focuses on Webpack for bundling JavaScript applications, the skills you learn can be applied to Node.js applications as well. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into Node.js. By the end of this course, you'll have the skills you need to build and maintain any Node.js application.

See salaries and explore the career path for Node.js Developer

Computer Programmer

Computer Programmers are responsible for writing and maintaining computer programs. This course may be useful for Computer Programmers who want to learn how to use Webpack to create performant and maintainable builds for their JavaScript applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for Computer Programmer

Software Engineer

Software Engineers are responsible for designing, developing, and maintaining software applications. This course may be useful for Software Engineers who want to learn how to use Webpack to create performant and maintainable builds for their JavaScript applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for Software Engineer

Web Designer

Web Designers are responsible for designing the visual interface of websites and web applications. This course may be useful for Web Designers who want to learn how to use Webpack to create performant and maintainable builds for their web applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for Web Designer

UX Designer

UX Designers are responsible for designing the user experience of websites and web applications. This course may be useful for UX Designers who want to learn how to use Webpack to create performant and maintainable builds for their web applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for UX Designer

Product Manager

Product Managers are responsible for managing the development and launch of products. This course may be useful for Product Managers who want to learn how to use Webpack to create performant and maintainable builds for their web applications. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for Product Manager

Technical Writer

Technical Writers are responsible for writing documentation for software and hardware products. This course may be useful for Technical Writers who want to learn how to use Webpack to create performant and maintainable builds for their documentation. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers are responsible for planning, executing, and closing projects. This course may be useful for Project Managers who want to learn how to use Webpack to create performant and maintainable builds for their projects. You'll learn how to bundle code together, transpile and add other assets such as CSS, fonts, and images to your build, and incorporate Webpack into modern front-end frameworks such as React, Vue, and Angular.

See salaries and explore the career path for Project Manager

Reading list

We've selected 11 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Webpack 5 Fundamentals.

You Don't Know JS Yet

Save

Series provides a comprehensive overview of JavaScript, covering everything from the basics to advanced topics such as closures and the event loop. It's a great resource for anyone who wants to learn more about JavaScript.

Webpack 5 Fundamentals

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses