Brief Introduction
Use Gulp as a JavaScript Build SystemDescription
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.
Requirements
- Requirements
- 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!!!
Knowledge
- 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!