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.
35 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 21
  • Length 1 hour
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

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.

What are the requirements?

  • A basic understanding of JavaScript will be needed for the advanced concepts.

What am I going to get from this course?

  • 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

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started with Grunt
02:02

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.

02:05

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.

03:08

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

Section 2: Running Grunt
03:30

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

03:05

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

02:02

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

Section 3: Code Compiling
01:52

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

02:52

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

01:54

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

Section 4: File Manipulation
02:02

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

01:30

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

03:27

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

Section 5: Testing
03:14

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

02:26

We will use Qunit for unit testing purposes.

03:00

We will use the tool "Behat" for behavior testing

Section 6: Deployment
04:05

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

02:37

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.

02:36

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

Section 7: Running Custom Commands
03:37

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

02:36

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.

03:45

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course