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

Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera
Regression Modeling in Practice
Wesleyan University via Coursera
Diseñando páginas web con Bootstrap 4
Universidad Austral via Coursera
Structured Query Language (SQL) using SAS
SAS via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy