Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Learn Grunt with Examples: Automate Your Front End Workflow to your Wishlist.

Add to Wishlist

Learn Grunt with Examples: Automate Your Front End Workflow

An online course to learn Grunt and get started automating your front end workflow. Build websites faster with GruntJS.
4.1 (85 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.
383 students enrolled
Created by Matt Jones
Last updated 12/2014
$15 $20 25% off
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

Grunt is a command-line task automation tool that speeds up your development workflow by taking all the repetitive “grunt work” out of your work. If you're a front-end developer, Grunt is a must have tool to add to your skillset. With Grunt you can:

  • Build websites faster
  • Avoid repetitive work like minifying files or optimizing images
  • Ensure consistency within your team

In this course you'll learn how to automate web development tasks with Grunt so you can build websites faster.

Grunt can perform tasks on your code in the background to automatically take the repetitive, time consuming tasks out of your workflow! If you want to take your career to the next level as a front-end developer then you need to learn Grunt.

Grunt will perform the tasks you assign it through a Grunt configuration file. Some tasks Grunt can perform include: minification, concatenation, SASS and LESS processing, live reloading, image optimization, unit testing, linting, desktop notifications, page speed testing, and sooo much more!

At the end of this course you'll:

  • Understand Grunt and all the concepts mentioned above
  • Be able to use Grunt in all of your projects and build websites faster
  • Improve your skills as a web developer
  • Learn how to properly prepare your files before pushing a website live

This course is for even the beginning web developer! Grunt is still growing in popularity and is used by some of the biggest names on the web. Learn Grunt to save time and put yourself ahead of the competition.

Who is the target audience?
  • Front End Web Developers
  • Web Designers and Developers
Students Who Viewed This Course Also Viewed
What Will I Learn?
Understand what Grunt is and how to use it
Use Grunt to automate everyday development tasks
Implement Grunt in your own projects with ease
View Curriculum
  • A basic understanding of HTML, CSS, and Javascript
Curriculum For This Course
Expand All 17 Lectures Collapse All 17 Lectures 51:18
1 Lecture 02:50
Installation and Setup
4 Lectures 08:59

In this course we discuss what NodeJS is and how to install it as well as the npm command-line tool.

Preview 02:14

In this course we learn how to install Grunt on our computer.

Preview 02:10

In this course we get our project files set up for the rest of the course.

Preparing Your Project
Grunt Basic Concepts
2 Lectures 06:17

In this lecture we'll learn about the package.json file, what it does, and why it's important.

The package.json file

The Gruntfile.js file
Configuring Grunt
3 Lectures 05:59
Configuring Grunt Tasks

You've come a long well already! That was fast! Now, let's see how well you've been paying attention.

Grunt Configuration Quiz
4 questions

BONUS: Additional Resources for Understanding Grunt
Using Grunt: Real World Examples
6 Lectures 26:32
CSS and JavaScript Linting

Autoprefixing CSS Properties

Concatenating Files

Compiling LESS (and Minifying)

Image Optimization

Running Grunt Watch
1 Lecture 00:30

Congratulations! You're a Grunt expert... almost. Pass this quiz and we'll make it official.

Grunt Review
4 questions

About the Instructor
4.1 Average rating
85 Reviews
383 Students
1 Course
Web Developer, Instructor

I'm Matt Jones and I'm a front end web developer and an avid learner. I've been in the web design and development industry for almost 12 years and I'm passionate about quality work done quickly and efficiently. I create tools to improve workflow and help companies and developers learn emerging technologies to stay ahead of the curve.

I specialize in front end development technologies including HTML5, CSS, Javascript, LESS, SASS, jQuery, Bootstrap, Grunt, AngularJS, and more.

As a web developer I've worked with organizations of all sizes from small agencies to international nonprofits. Currently I work for an ad agency in Phoenix, Arizona called RIESTER.

Report Abuse