Learn GruntJS to Automate Your Front End Workflow Premium class

Matt Jones

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Videos (51m)
    • What is Grunt?

      2:50
    • The Tools to Get Started

      2:13
    • Installing Node.js and NPM

      2:14
    • Installing the Grunt CLI

      2:10
    • Preparing Your Project

      2:22
    • The package.json file

      4:15
    • The Gruntfile.js file

      2:02
    • Configuring Grunt Tasks

      2:56
    • Loading and Registering Grunt Tasks

      2:36
    • CSS and JavaScript Linting

      4:53
    • Autoprefixing CSS Properties

      2:33
    • Concatenating Files

      3:50
    • Compiling LESS (and Minifying)

      4:46
    • Image Optimization

      4:09
    • Running Grunt Watch

      6:21
    • Conclusion

      0:30

About This Class

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.

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.

13 of 13 students recommendSee All

Excelente curso, básico pero concreto, fácil de comprender, te guía a través de la configuración hasta ejemplos de como trabajar con grunt. ¡Felicidades!
Alberto A.

Alberto

A handy must have tool for any web developer. "Web developers are lazy, they avoid tedious work by working smarter, not harder..." well said Matt
Charl L.

SuperUser