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.4 (68 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.
288 students enrolled
$20
Take This Course
  • Lectures 17
  • Contents Video: 1 hour
    Other: 1 min
  • 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 12/2014 English

Course Description

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.

What are the requirements?

  • A basic understanding of HTML, CSS, and Javascript

What am I going to get from this course?

  • Understand what Grunt is and how to use it
  • Use Grunt to automate everyday development tasks
  • Implement Grunt in your own projects with ease

What is the target audience?

  • Front End Web Developers
  • Web Designers and Developers

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: Introduction
What is Grunt?
Preview
02:50
Section 2: Installation and Setup
The Tools to Get Started
Preview
02:13
02:14

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

02:10

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

02:22

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

Section 3: Grunt Basic Concepts
04:15

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

The Gruntfile.js file
02:02
Section 4: Configuring Grunt
Configuring Grunt Tasks
02:56
Loading and Registering Grunt Tasks
Preview
02:36
4 questions

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

BONUS: Additional Resources for Understanding Grunt
Article
Section 5: Using Grunt: Real World Examples
CSS and JavaScript Linting
04:53
Autoprefixing CSS Properties
02:33
Concatenating Files
03:50
Compiling LESS (and Minifying)
04:46
Image Optimization
04:09
Running Grunt Watch
06:21
Section 6: Conclusion
4 questions

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

Conclusion
00:30

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Matt Jones, 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.

Ready to start learning?
Take This Course