Learn Build Tools

Start creating your own professional web applications using build tools such as Webpack, esbuild, Parcel, and Vite.

### Why take Learn Build Tools?

Start creating your own professional web applications. This course will teach you the tools engineering teams use to make their code portable across browsers, optimized for loading, and efficiently served to users. These tools are used by most companies, but usually have to be learned on the job. Get a head start by adding to your Web Development toolchain.

### Take-Away Skills

In this course, you'll learn:
- What build tools are and why professional engineering teams use them
- How to use common tools, concepts, and processes you’ll need on the job
- How build tools create code that is optimized for loading and portable across browsers
- How to easily and efficiently add many types of resources into a project like HTML, CSS, JavaScript, images, fonts, and more
- How to set up these tools for your existing projects

### Note on Prerequisites:

A strong foundation in Front-End Development (HTML/CSS/JavaScript) and Node.js are prerequisites for this course.

• Welcome to Learn Build Tools: Learn about what the Learn Build Tools course has in store!
• Informational: Welcome to Learn Build Tools
• Introduction to Build Tools: Get familiar with the fundamentals of using Build Tools!
• Lesson: Introduction To Build Tools
• Article: What is Linting?
• Quiz: Introduction to Build Tools
• Browser Compatibility and Transpilation: Learn about browser compatibility and JavaScript ES6+ to ES5 transpilation.
• Lesson: Browser Compatibility and Transpilation
• Project: Transpilation
• Quiz: Browser Compatibility and Transpilation
• Building Apps with Webpack: Learn how to bundle a web application using Webpack!
• Lesson: Building Apps with Webpack
• Article: Off-Platform Project: Rock, Paper, Bundle
• Quiz: Building Apps with Webpack
• Building Apps with Esbuild, Parcel, and Vite: Learn how to bundle web applications with esbuild, Parcel, and Vite!
• Article: Comparison of Build Tools
• Article: Building Apps with esbuild
• Article: Building Apps with Parcel
• Article: Building Apps With Vite
• Article: Off-Platform Project: Vacation Destinations
• Next Steps: You've completed the Learn Build Tools course! What's next?
• Informational: Learn Build Tools: Next Steps