Lessons: 15Length: 1.8 hours
Gulp is a tool that can be of great help to any web designer, but it can be intimidating for beginners. In this course you’re going to learn what Gulp is, how to set it up, and how to use it for creating an awesome front-end workflow—even as a beginner.
Do you want to learn the JavaScript you need to be a successful web designer? Check out our course JavaScript for Web Designers.
1.Introduction
1.1Introduction00:35
1.1
Introduction
00:35
1.2What Is Gulp?04:54
1.2
What Is Gulp?
04:54
1.3The Gulp Setup11:35
1.3
The Gulp Setup
11:35
2.Getting Started With Gulp
2.1Loading Gulp Plugins and Creating the Default Task05:19
2.1
Loading Gulp Plugins and Creating the Default Task
05:19
2.2Watching Files and Browser Reloading15:45
2.2
Watching Files and Browser Reloading
15:45
3.Working With CSS Files
3.1How to Compile Sass or LESS Files08:58
3.1
How to Compile Sass or LESS Files
08:58
3.2How to Use an Autoprefixer08:29
3.2
How to Use an Autoprefixer
08:29
4.Working With JavaScript Files
4.1How to Concatenate and Minify JavaScript Files07:04
4.1
How to Concatenate and Minify JavaScript Files
07:04
4.2How to Check JavaScript Files for Errors06:34
4.2
How to Check JavaScript Files for Errors
06:34
5.Working With Images
5.1How to Compress and Optimize Images07:11
5.1
How to Compress and Optimize Images
07:11
5.2How to Generate SVG Sprites08:52
5.2
How to Generate SVG Sprites
08:52
6.Helper Plugins
6.1How to Run Tasks in Sequence (Not Parallel)04:51
6.1
How to Run Tasks in Sequence (Not Parallel)
04:51
6.2How to Rename and Delete Files05:18
6.2
How to Rename and Delete Files
05:18
6.3How to Handle Errors in Gulp05:11
6.3
How to Handle Errors in Gulp
05:11
7.Conclusion
7.1Final Words07:41
7.1
Final Words
07:41
