- Overview
- Transcript
1.1 Introduction
In this course I’m going to introduce you to Gulp, the JavaScript task runner that can help you tremendously with front-end coding.
I know learning it might seem a bit intimidating because you need to use Node.js and the terminal, but we’re going to take things slowly, and I’m going to explain step by step how to get things up and running to create an awesome workflow.
Welcome to “The Web Designer’s Guide to Gulp“. Let’s begin.
1.Introduction3 lessons, 17:04
1.1Introduction00:35
1.2What Is Gulp?04:54
1.3The Gulp Setup11:35
2.Getting Started With Gulp2 lessons, 21:04
2.1Loading Gulp Plugins and Creating the Default Task05:19
2.2Watching Files and Browser Reloading15:45
3.Working With CSS Files2 lessons, 17:27
3.1How to Compile Sass or LESS Files08:58
3.2How to Use an Autoprefixer08:29
4.Working With JavaScript Files2 lessons, 13:38
4.1How to Concatenate and Minify JavaScript Files07:04
4.2How to Check JavaScript Files for Errors06:34
5.Working With Images2 lessons, 16:03
5.1How to Compress and Optimize Images07:11
5.2How to Generate SVG Sprites08:52
6.Helper Plugins3 lessons, 15:20
6.1How to Run Tasks in Sequence (Not Parallel)04:51
6.2How to Rename and Delete Files05:18
6.3How to Handle Errors in Gulp05:11
7.Conclusion1 lesson, 07:41
7.1Final Words07:41
1.1 Introduction
Hi, I'm Adi Purdila. And in this course I'm going to introduce you to Gulp, the JavaScript task runner that's gonna help you tremendously with front end coding. I know learning it can be a little bit intimidating because you need to use Node.js and the terminal. But we're gonna take things slowly and I'm gonna show you step-by-step how to set things up. How to get everything up and running and create an awesome workflow. Welcome to the Web Designer's Guide to Gulp, let's begin.