Learning Grunt
4.5 (30 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.
343 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Grunt to your Wishlist.

Add to Wishlist

Learning Grunt

Accelerate and automate web development workflows using Grunt
4.5 (30 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.
343 students enrolled
Created by Packt Publishing
Last updated 8/2015
Current price: $12 Original price: $75 Discount: 84% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Create a development workflow in which you can lint and build your source files, run your unit tests, and preview your site in a web server, all from the command line
  • Make the most of NodeJS to create scalable and real-time applications
  • Configure RequireJS to accelerate your code performance
  • Minimize your work time by adding multiple configurations for a single task
  • Test your code like a pro using Karma and Jasmine
  • Integrate Git into your Grunt workflow for powerful source control management
  • Identify common issues and problems in Grunt and brush up your troubleshooting skills
View Curriculum
  • You should be familiar with JavaScript and CSS. Familiarity with Node.js will be beneficial, but it is not essential.

Grunt, an industry-standard JavaScript task runner, is used by professionals to tame and automate the most repetitive parts of the workflow. It is loaded with a wealth of free plugins that are available online empowering you to maximize your development time and minimize human error; just what every developer wants!

Learning Grunt is a systematic guide that will help you build up your workflow from installing and using Grunt to a basic degree, to advanced configurations and creating your own plugins.

We'll start off by creating our development area and getting Node and Grunt installed. Then, we'll move on to look at some Grunt basics including defining and running tasks as well as working with configuration. Next we'll dive into getting the first iteration of our workflow setup, with a focus on running basic tasks. From there, we'll evolve our workflow into a more advanced build system focusing on tasks such as loading modules better using RequireJS, and testing our application using Karma and Jasmine. Lastly, you'll learn how to create your very own plugins in order to make your workflow unstoppable.

This course will give you the workflow you need to help you focus on building high-quality applications and sites instead of wrestling with manual processes.

About the Author

Dan Wellman is a JavaScript developer based in the UK. He has a decade of hard-earned experience working for companies big and small including local boutique design agencies, and more recently, the Skype division of Microsoft.

Dan has written and co-written nine books for Packt, mostly centered on jQuery and jQuery UI, and he regularly creates immersive video tutorials for various websites and companies.

Who is the target audience?
  • If you are a front-end developer who wants to streamline your development workflow with an automated build system, this course is for you!
Compare to Other Grunt Software Courses
Curriculum For This Course
27 Lectures
3 Lectures 12:08

See what you'll learn throughout the course.

The Course Overview

Install the necessary software and create a folder for the examples to reside in.

Setting Up a Development Area

Configure Grunt so that you can run tasks.

Basic Configuration
Getting Started
4 Lectures 20:40

Learn how to create and run tasks, which are the fundamental building blocks of any Grunt workflow.

Preview 04:13

See how to provide a configuration for tasks, a key skill for using Grunt.

Configuring Tasks

Understand the different ways of passing files to tasks, a very common requirement.

Working with Files

Consume data from the package json file inside the configuration.

Basic Workflow Tasks
5 Lectures 28:05

Check your code automatically for syntax errors and potential bad practices.

Preview 05:29

Compile CoffeeScript files into JavaScript files ready for minification.

Transcompiling CoffeeScript

Compile Sass files into CSS files ready for minification.

Preprocessing with SASS

Minify the JavaScript and CSS files ready for production.

Minfying Code – Uglify and CSSMin

Preview your latest changes in an actual browser by running the site through a local web server.

Running the Site in a Web Server
Advanced Workflow Tasks
3 Lectures 26:24

Keep script files organized and modular with RequireJS.

Preview 10:13

Run unit tests from the command line for automation and speed.

Unit Testing with Jasmine and Karma

Understand how well your unit tests cover your code with coverage reports.

Creating Coverage Reports
Working with Git
4 Lectures 25:33

Use a source control management system to store project files and maintain a history of the project. Git is one of the best.

Preview 04:50

New or changed files must be added to Git's index before they can be saved in the repository.

Adding New and Changed Files

In order for Git to track changes to files or save new changes, they need to be committed to the repository.

Committing Changes

Changes made to a feature branch need to be brought back to the master branch, ready to be released.

Rebasing on to Master
Building a Grunt Plugin
5 Lectures 23:54

We can use the Grunt init plugin and the plugin template to quickly get started when creating a new plugin.

Preview 04:58

Our plugin will need to perform a specific task. We can overwrite the example code added by the template.

Creating the Plugin

All plugins require configuration. We'll need to access this configuration inside our plugin.

Working with Configuration Options

We need to add unit tests to our plugin to ensure that it works the way that we expect.

Testing the Plugin

Once we've created our plugin, we need to publish it on NPM so that we can install it just like other plugins that we've used in our workflow.

Integrating with the Plugin
Continuing Learning
3 Lectures 12:37

The Gruntfile can very quickly become extremely large and intimidating. It needs to be broken down into more manageable pieces.

Preview 03:56

We need to know how to troubleshoot problems that can occur when using Grunt.

Troubleshooting Common Problems

There is much more to learn about Grunt. Find out where additional information can be found.

Additional Resources
About the Instructor
Packt Publishing
3.9 Average rating
8,274 Reviews
59,236 Students
687 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.