Gulp 4 Crash Course for Beginners

Overview

Learn the fundamentals of Gulp 4 in this beginner-friendly crash course. Install Node.js, set up Gulp CLI, and create essential files like package.json and gulpfile.js. Master key tasks including Sass compilation, JavaScript processing, and cachebusting. Explore how to create a watch task for automatic file updates and set up a default Gulp task. Organize your project structure with SCSS and JS files, then test the entire Gulp workflow to streamline your front-end development process.

Syllabus

- Intro.
- Install Node.js.
- Install Gulp CLI, create package.json, and install npm packages.
- Create gulpfile.js file and import packages.
- Create Sass task.
- Create JavaScript task.
- Create Cachebust task.
- Create Watch task.
- Create default Gulp task.
- Add SCSS and JS files, and folders for workflow.
- Testing the Gulp workflow!.