Starting with Gulp : All about Gulp

Sometimes there's nothing more fun than sinking your teeth into a complex, challenging JavaScript build. Until you get so inundated with tiny, repetitive tasks that take up the majority of your coding time, that is. Enter Gulp; the toolkit that automates all the boring stuff, so you can build the cool stuff. It's going to make your builds so much better, and we're going to teach you how to use it...

Cut Out the Boring Bits!

• Install, program, and configure Gulp to work for you
• Manage JavaScript projects with Gulp
• Leverage Gulp as a JavaScript build system
• Create runnable 'builds' with a single command
• Use Gulp to minify SASS files and JavaScript
• Rewrite HTML files to reference concatenated, minified JavaScript and CSS
• Concatenate all your JavaScript into a single, downloadable file
• Automatically build a JavaScript project with the 'watch' feature
• Let Gulp do all of your mundane JavaScript tasks!

Use Gulp as a JavaScript Build System

This course was designed for developers who want to enhance their workflow. However if you work with JavaScript regularly, you need this course too. We'll show you how to use to this toolkit to eliminate the most time-consuming, monotonous and downright boring tasks... and you don't even need any Gulp experience to get started!

First we'll explore Gulp at a high level. You'll gain an understanding of what a build system is, what Gulp can do for you, and we'll install and configure gulp according to your own needs. Then, the course divides into two sections; Gulp for development and Gulp for production. In the former, you'll learn about pre-processing SASS, automating your builds, the much lauded 'watch' function and the live re-load function.

In the latter, we'll focus on production for JavaScript and CSS, and we'll teach you everything you need to know about generating sourcemaps. Once you've finished the last section, you'll know exactly how to use Gulp to get maximum efficiency and productivity from your builds. You'll also be ready to use this clever toolkit to manage your JavaScript projects, minify, rewrite and concatenate your code, and basically make your developing life a whole lot easier.

What is Gulp?

Gulp is a toolkit designed to automate time-consuming tasks in your development workflow, so you can stop focussing on the boring, repetitive 'to dos' and get back to building. It makes the development processes simple and efficient, with a quality ecosystem ensuring plugins stay simple and work as expected. It's intended use is for JavaScript builds and front end web development, and it uses a code-over-configuration approach.

What Will I Learn?

• Learn to have Gulp do all of your monotonous work JavaScript tasks
• Use Gulp as a JavaScript Build System
• Learn to manage your JavaScript project with Gulp
• Understand Gulp's task-based nature
• Use Gulp plug-ins to create tasks
• Use Gulp to minify you JavaScript
• Create runnable "builds" with a single command
• Implement Gulp's "watch" feature to automatically build your JS project
• Use Gulp to pre-process and minfify your SASS files
• Automatically concatenate all of your JavaScript into a single downloadable file
• Have Gulp re-write your HTML files to reference concatenated, minified JS and CSS
• Learn to install, configure, and program Gulp to work for you! ... and much, much more!

Class Curriculum

Welcome to Starting With Gulp

Start

Starting with Gulp (4:50)

Preview

What is a Build System? (4:50)

Start

What Can Gulp do for me? (3:42)

Start

Development & Deployment with Gulp (4:51)

Start

Getting Gulp (9:47)

Managing Projects with Tasks

Start

Managing Projects with Tasks (4:10)

Preview

Defining Tasks (4:37)

Start

Common Gulp Tasks (5:31)

Start

More Common Gulp Tasks (5:26)

Start

Common JavaScript Tasks (7:26)

Gulp for Development

Start

Gulp for Development (4:06)

Preview

Pre-processing SASS (7:58)

Start

An Automated Build (9:38)

Start

Gulp's Watch Function (6:38)

Start

Gulp's Live-Reload function (7:37)

Gulp for Production

Start

Gulp for Production (8:46)

Preview

Production JS (4:48)

Start

Production CSS (3:38)

Start

Generating Sourcemaps (5:51)

Start

Production Wrap-Up (10:55)

• This course was built for web developers who design and build JavaScript solutions for mobile and the web.
• This course is designed for developers who want to learn how to reduce the amount of mundane, boring, routine work that JavaScript projects always require. Of course, the information presented here is just as valuable for architects, testers, and product managers as they too should understand how Gulp is designed and used in an environment that produces JavaScript applications.

• Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web and/or mobile solutions with Javascript, regardless of framework, library, or development environment. An understanding of typical JavaScript development lifecycle will help the student understand the relevance of the course content. A studen'ts understanding of JavaScript functions and how they're written is assumed. Experience with nodejs and npm is a plus, but not absolutely necessary.
• NO GULP EXPERIENCE IS REQUIRED!!!

Web developer

Currently there are no Q&As for this course. Be the first to ask a question.