Introducing Grunt: The JavaScript Task Runner
3.6 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
40 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introducing Grunt: The JavaScript Task Runner to your Wishlist.

Add to Wishlist

Introducing Grunt: The JavaScript Task Runner

Speed up and streamline web development by automating workflows with Grunt
3.6 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
40 students enrolled
Created by Packt Publishing
Last updated 7/2015
Curiosity Sale
Current price: $10 Original price: $50 Discount: 80% off
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Use Grunt targets to get different output for different situations with a simple flag
  • Play with plugins such as grunt-contrib-concat, imagemin, and more to add a variety of functionalities to your app
  • Run three different kinds of tests: JS syntax tests, JS unit tests, and Behat behavioral tests
  • Define the look of your apps by using the Grunt compass to compile your CSS
  • Integrate Git with Grunt to manage unstaged commits effectively
  • Use Drush to run any custom command you want in Grunt, even if there is no plugin for it
View Curriculum
  • A basic understanding of JavaScript will be needed for the advanced concepts.

Web developers today are looking to create reusable workflows and development tools in JavaScript that will dramatically streamline development. Grunt helps you achieve that and more. In addition to being able to run custom commands easily, Grunt makes your web development experience very rewarding by reacting whenever a file is changed and performs the actions needed.

This course will help in all aspects of development, from writing better code to deploying compact production packages.

You'll start with a simple Grunt file and move on to building a fully functional workflow and deployment system. You'll learn how to deal with simple tasks such as renaming, moving, and combining files, before moving on to more complex activities such as creating concise and compact deployment packages. You'll learn how to create a basic file then build upon it by adding modules to achieve various levels of automation that were previously difficult to attain. Next, you'll learn to use a range of plugins to achieve concatenation, image minification, and create responsive images. Before we reach the end, you will learn to compile many types of languages and then will test your code using multiple testing frameworks such as JSLint, PhantomJS, and Behat. Finally, you'll be introduced to some advanced uses of Grunt involving custom command-line commands you want to use.

Once you are done with this course, developing workflows will be a breeze for you.

About the Author

Daniel Linn has been into technology since 1992 when his father brought a modem home from his work at the cable companies for testing and he saw his first rollover image. His career has spanned all aspects of the software development life cycle, and over that time he's fulfilled many different roles including Designer, Developer, Project Manager, Database Admin, and Front End Architect, with some Dev Ops thrown in from time to time. He is currently the Director of Development at Metal Toad, a Portland-based technology consulting firm specializing in mobile, desktop, and web applications and solutions.

Who is the target audience?
  • This video is for web developers of all types, whether you’re a Rails developer who needs help validating your JavaScript, a web designer who needs to ensure you have properly optimized and sized images for delivery to the content team, or simply want to get a notification when your CoffeeScript has finished compiling.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Getting Started with Grunt
3 Lectures 07:15

At times, we need to automate our workflows in order to decrease the amount of time spent on menial tasks and Grunt will help us do this.

The Course Overview

As developers, we often have small tasks we can perform that can greatly improve the quality of our deliverables, but we don't because they are either time-consuming or only rarely produce results. With Grunt, we have the ability to automate these tasks.

What Is Grunt?

Grunt has many plug-ins that tie into just about every utility you can think of for development.

Installing Plug-ins
Running Grunt
3 Lectures 08:37

There are many different ways in which Grunt can be used; let's take a look at them.

Preview 03:30

Grunt can help us with a wide range of tasks, with the help of plugins. Let's take a look at these.

Grunt Use Cases

Initializing a project is the first step toward getting started. Let's take a look at how we can do this in Grunt.

Initializing a Project
Code Compiling
3 Lectures 06:38

To test the different changes we make in our code, we need a web server. We will use Grunt Connect to do this.

Preview 01:52

There are times when we need to compile SASS with CSS. Grunt helps us do this using Compass.

Compiling SASS with CSS

For testing and production purposes, we need to compile our code in the best possible way.

Using Targets
File Manipulation
3 Lectures 06:59

For distribution purposes, we need to package files; we'll take a look at how to do this.

Preview 02:02

Concatenation and minification helps to serve few and as compact files as possible

CSS/JS Concatenation

The images can be compressed to enhance performance. We will use a tool to do the same.

Image Minification
3 Lectures 08:40

We will test our JavaScript code and eliminate the syntax errors.

Preview 03:14

We will use Qunit for unit testing purposes.

Unit Testing with QUnit

We will use the tool "Behat" for behavior testing

Behavior Testing with Behat
3 Lectures 09:18

We need a version of our project that only includes production files. We will create such a package in this video.

Preview 04:05

We need to commit our changes to Git in order to make sure that branches are up to date. We will integrate our code with Git.

Git Integration

In this video, we will see how to move files to production.

Moving Files to Production
Running Custom Commands
3 Lectures 09:58

There are a few commands that do not have plugins. Let's take a look at how to run these commands.

Preview 03:37

There are several ways to use the options we saw in our last video. We will take a look at the easiest ways to use them.

Using Prompts

We can create a Grunt task plugin in order to be able to distribute it for wider adoption.

Creating Plug-ins
About the Instructor
Packt Publishing
3.9 Average rating
7,349 Reviews
52,571 Students
616 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.