Learn GruntJS to Automate Your Front End Workflow | Matt Jones | Skillshare

Learn GruntJS to Automate Your Front End Workflow

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.

291

Students

2

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Report class