YoVDO

Learn Webpack - Full Tutorial for Beginners

Offered By: freeCodeCamp

Tags

Webpack Courses Computer Science Courses Web Development Courses Sass Courses HTML Courses

Course Description

Overview

Dive into a comprehensive tutorial on Webpack, perfect for beginners. Start by understanding the fundamentals of Webpack, then progress through installation, configuration, and implementation of various loaders for CSS, SASS, HTML, and files. Explore essential concepts such as cache busting, setting up a development server, and separating development and production configurations. Learn to incorporate multiple Webpack plugins, including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. Cover advanced topics like multiple entry points, vendor.js, and the extraction and minification of CSS, HTML, and JavaScript. Access accompanying code and commits on GitHub, and benefit from additional resources like the instructor's YouTube channel and Udemy courses.

Syllabus

) What Even Is Webpack??.
) Installing and Running Webpack and Webpack-CLI.
) Imports, Exports, & Webpack Modules.
) Configuring Webpack.
) Loaders, CSS, & SASS.
) Cache Busting and Plugins.
) Splitting Dev & Production.
) Html-loader, File-loader, & Clean-webpack.
) Multiple Entrypoints & Vendor.js.
) Extract CSS & Minify HTML/CSS/JS.


Taught by

freeCodeCamp.org

Related Courses

The Ultimate App Making Course! Master Many Coding Skills!
Udemy
React JS, Angular & Vue JS - Quickstart & Comparison
Udemy
Modern JavaScript (Complete guide, from Novice to Ninja)
Udemy
Essentials in JavaScript ES6 - A Fun and Clear Introduction
Udemy
The JavaScript Bible - JavaScript Bootcamp
Udemy