Build Tools & Code Quality Learning Path
Manage Codebases with Popular and Flexible Build & Testing Tools

Take control of your code with build tools to deliver your JavaScript and CSS and leverage test libraries to ensure high code quality!

Total time: 20 hours, 56 minutes

Core Coursework

Take these in order
Prerequisite: JavaScript: From First Steps to Professional or experience with JavaScript and familiarity using a terminal
Editor's Note
Vite is the leader in developer tooling because it provides a fast and lean development experience for modern web projects.

Vite

Steve Kinney
Steve Kinney
Temporal

Master Vite, the modern build tool for faster and leaner web development. Learn to integrate with React, optimize assets, and extend with plugins. See what it's like to actually enjoy using your build tools!

4 hours, 10 minutes CC

Vite
Editor's Note
Testing is an essential skill for ensuring high-quality code. Kent C. Dodds guides you through testing basics in Testing Practices and Principles

JavaScript Testing Practices and Principles

Kent C. Dodds
Kent C. Dodds
Professional Trainer

In this course, you'll learn the principles and best practices for writing maintainable test applications to catch errors before your product reaches the end user.

3 hours, 39 minutes CC

JavaScript Testing Practices and Principles
Editor's Note
Dive deeper into testing and learn how adding automation and CI/CD helps engineers manage large teams and codebases.

Enterprise UI Development: Testing & Code Quality

Steve Kinney
Steve Kinney
Temporal

Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!

8 hours, 25 minutes CC

Enterprise UI Development: Testing & Code Quality
Editor's Note
Cypress allows developers to easily create tests, debug them visually, and automatically run them in your continuous integration builds.

Testing Web Apps with Cypress

Steve Kinney
Steve Kinney
Temporal

Cypress is the fastest and easiest way to write end-to-end tests for your client-side applications. Learn the selector engine, test runners, assertion library, and write your own custom commands.

4 hours, 41 minutes CC

Testing Web Apps with Cypress
Editor's Note
Learn to build custom Webpack plugins, optimize build performance, and manage monorepos.

Elective Coursework

Optional, take in any order

Webpack 4 Fundamentals

Sean Larkin
Sean Larkin
Microsoft

Learn the core concepts of Webpack file loader. Start from scratch and build a pipeline with popular loaders from the Webpack ecosystem. Read more!

4 hours, 10 minutes CC

Webpack 4 Fundamentals

Web Performance with Webpack

Sean Larkin
Sean Larkin
Microsoft

Make websites load instantly by using the Webpack code splitting feature for lazy loading JavaScript by removing unused code with tree shaking and prefetching assets.

1 hour, 43 minutes CC

Web Performance with Webpack

Webpack Plugins System

Sean Larkin
Sean Larkin
Microsoft

Learn the Webpack 4 plugin system, tour the Webpack source code and learn to build custom plugins and custom Webpack loaders.

1 hour, 34 minutes CC

Webpack Plugins System

JavaScript and TypeScript Monorepos

Mike North
Mike North
Stripe

Monorepos have taken the JavaScript world by storm, unlocking powerful new patterns around composition, encapsulation, and ease of maintenance.

3 hours, 46 minutes CC

JavaScript and TypeScript Monorepos

Intermediate React, v5

Brian Holt
Brian Holt
Snowflake

Learn to build scalable React applications using the latest tools and techniques. Topics include hooks, TailwindCSS, code splitting, server-side rendering, TypeScript, Redux Toolkit, and testing with Vitest.

6 hours, 6 minutes CC

Intermediate React, v5