The Web Designer’s Guide to Gulp

Adi PurdilaOct 27, 2017

FREELessons: 15Length: 1.8 hours

Gulp.js JavaScript

Next lesson playing in 5 seconds

Cancel

The Web Designer’s Guide to Gulp

Introduction

00:35

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
3 lessons, 17:04

1.1
Introduction
00:35

1.2
What Is Gulp?
04:54

1.3
The Gulp Setup
11:35

2.Getting Started With Gulp
2 lessons, 21:04

2.1
Loading Gulp Plugins and Creating the Default Task
05:19

2.2
Watching Files and Browser Reloading
15:45

3.Working With CSS Files
2 lessons, 17:27

3.1
How to Compile Sass or LESS Files
08:58

3.2
How to Use an Autoprefixer
08:29

4.Working With JavaScript Files
2 lessons, 13:38

4.1
How to Concatenate and Minify JavaScript Files
07:04

4.2
How to Check JavaScript Files for Errors
06:34

5.Working With Images
2 lessons, 16:03

5.1
How to Compress and Optimize Images
07:11

5.2
How to Generate SVG Sprites
08:52

6.Helper Plugins
3 lessons, 15:20

6.1
How to Run Tasks in Sequence (Not Parallel)
04:51

6.2
How to Rename and Delete Files
05:18

6.3
How to Handle Errors in Gulp
05:11

7.Conclusion
1 lesson, 07:41

7.1
Final Words
07:41

Adi Purdila

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

The Web Designer’s Guide to Gulp

Next lesson playing in 5 seconds

The Web Designer’s Guide to Gulp

Introduction

1.Introduction3 lessons, 17:04

2.Getting Started With Gulp2 lessons, 21:04

3.Working With CSS Files2 lessons, 17:27

4.Working With JavaScript Files2 lessons, 13:38

5.Working With Images2 lessons, 16:03

6.Helper Plugins3 lessons, 15:20

7.Conclusion1 lesson, 07:41

1.Introduction
3 lessons, 17:04

2.Getting Started With Gulp
2 lessons, 21:04

3.Working With CSS Files
2 lessons, 17:27

4.Working With JavaScript Files
2 lessons, 13:38

5.Working With Images
2 lessons, 16:03

6.Helper Plugins
3 lessons, 15:20

7.Conclusion
1 lesson, 07:41