Front-end Build Tools Courses and Certifications

Intro to Vite

Become a lightning-fast developer with Vite—the speed-focussed build tool that makes working with modern frameworks smooth, efficient, and enjoyable.

• Scrimba
• 39 minutes
• Self-Paced
• Free Online Course

Webpack 5: The Complete Guide For Beginners

5565 ratings at Udemy

Learn Webpack 5 from the very basics to advanced! Use Webpack with JS, CSS, NPM, Module Federation and Micro Frontends.

• Udemy
• 4 hours 51 minutes
• Self-Paced
• Paid Course

Webpack 2: The Complete Developer's Guide

5343 ratings at Udemy

Master Webpack 2 as you deploy web apps supported by Babel, code splitting, and ES2015 Modules.

• Udemy
• 5 hours 33 minutes
• Self-Paced
• Paid Course

Webpack 4: Beyond the Basics

3166 ratings at Udemy

Quick, code-driven, follow-along Javascript tutorials of Webpack, Babel, React, Angular, Vue, Redux, SSR, Typescript

• Udemy
• 6 hours 4 minutes
• Self-Paced
• Free Online Course

Scrimba

Intro to Vite

Discover how to supercharge your React development workflow with Vite's lightning-fast tooling. Learn to scaffold projects, manage assets, customize builds, and deploy production-ready apps with this modern build tool.

• Coursera
• 1 hour 7 minutes
• Self-Paced
• Paid Course

Getting started with Webpack

This is a self-paced lab that takes place in the Google Cloud console.In this hands-on lab, you will learn about the Webpack development.

• Coursera
• 30 minutes
• Self-Paced
• Paid Course

Webpack 5 Ninja - Build Micro frontend and web apps

778 ratings at Udemy

Webpack 5 (2024).Basics to Advanced concepts like loaders ,plugins, Module Federation, Build production apps (React App)

• Udemy
• 8 hours 26 minutes
• Self-Paced
• Paid Course

Academind

Webpack 2 Basics

Master Webpack 2 fundamentals including core concepts, dev server setup, Babel integration, SCSS workflow, loaders, and third-party package management in this comprehensive tutorial.

• YouTube
• 1 hour 37 minutes
• Self-Paced
• Free Video

Webpack 5: Optimizing For Production

462 ratings at Udemy

Optimize your Webpack 5 configuration for Production with Code Splitting, Lazy Loading, Gzip compression etc.

• Udemy
• 5 hours 55 minutes
• Self-Paced
• Paid Course

Gulp 4: Automate your development workflow

230 ratings at Udemy

Automate your development processes with Gulp 4 toolkit

• Udemy
• 5 hours 30 minutes
• Self-Paced
• Paid Course

Webpack Encore: Frontend like a Pro!

Learn modern JavaScript with Webpack Encore! Master modules, external libraries, CSS handling, code splitting, Sass, and more. Optimize your frontend development workflow and create professional-grade applications.

• SymfonyCasts
• 2 hours 10 minutes
• Self-Paced
• Free Certificate

Webpack Encore: A Party for your Assets

Simplify asset management with Webpack Encore. Learn to optimize JavaScript, CSS, and images, integrate libraries, use Sass, and implement production-ready builds with versioning and caching strategies.

• SymfonyCasts
• 1 hour 23 minutes
• Self-Paced
• Free Certificate

Gulp! Refreshment for Your Frontend Assets

Streamline frontend asset management with Gulp: minify, combine, and optimize CSS/JS files, use sourcemaps, handle fonts, and implement cache-busting for efficient web development.

• SymfonyCasts
• 1 hour 11 minutes
• Self-Paced
• Paid Course

Webpack for Everyone

Learn to bundle and optimize front-end assets with Webpack 2. Master configuration, modules, loaders, compilation, minification, and advanced techniques for efficient asset management.

• Laracasts
• 1 hour 19 minutes
• Self-Paced
• Paid Course

Webpack Plugins System

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

• Frontend Masters
• 1-2 hours
• Self-Paced
• Paid Course