Grunt.js: Automate Web Development Tasks and save your time! | Arkadiusz Włodarczyk | Skillshare

Grunt.js: Automate Web Development Tasks and save your time!

Arkadiusz Włodarczyk, Professional teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Videos (1h 39m)
    • What is grunt.js?

    • What you will know after this course?

    • BONUS ideal editor for working with Grunt.js

    • Node.js and NPM

    • Installation and configuration of Grunt

    • Installing and executing tasks on example using Autoprefixer

    • How to configure tasks on example using Autoprefixer

    • CSS compressor

    • Watching for changes

    • JS compressor

    • Loading many grunt modules at once

    • Image optimisation

    • Compressing images only if a new one is added grunt-newer

    • JShint - find bugs in your Javascript code instantly

    • Run many tasks at once and improve the speed grunt-concurrent

    • What after the course, summary


About This Class

As a front-end developer you have to do many time-consuming tasks.

Grunt is a task runner automating the web development tasks, it will save you a lot of precious time.

As always time = money. Save your time by learning Grunt.

Sample tasks that are going to be executed for you by Grunt:

  • compressing of CSS and JS files -> making files smaller means that your website will load faster
  • merging CSS and JS files -> you can maintain many JS/CSS files and at the end use only one. This is decreasing the number of required requests (which also improves the website's loading speed)
  • optimizing your images -> reducing their file sizes without affecting quality
  • automatically adding vendor prefixes -> you won't need to worry about vendor prefixes anymore. Grunt gives you a perfect solution with no performance hit and nothing new to learn.
  • finding Javascript bugs almost instantly -> bugs in JS are the hardest to spot. With JShint one of the Grunt plugins you can forget about this problem.
  • and many more -> there are over 4,000 plugins available

After my course you will know everything I mentioned above!

Set it once and enjoy your saved time! Build your websites faster and avoid repetitive work.

What's more, you will also know how to:

  • install Grunt.js/npm/Node.js
  • properly configure and install plugins
  • run tasks concurrently which will drastically improve the needed time for execution of task






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


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.

Arkadiusz Włodarczyk

Professional teacher

I am the author of 27 very popular video courses about programming, web-development and math in Poland. I've also created 7 video courses in English. Over 100,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the programming and web development adventure :)

I believe that everyone has the ability to develop software if they are taught properly. Incl...

See full profile

Technology Web Development Grunt
Report class