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 Lessons (1h 39m)
    • 1. What is grunt.js?

    • 2. What you will know after this course?

    • 3. BONUS ideal editor for working with Grunt.js

    • 4. Node.js and NPM

    • 5. Installation and configuration of Grunt

    • 6. Installing and executing tasks on example using Autoprefixer

    • 7. How to configure tasks on example using Autoprefixer

    • 8. CSS compressor

    • 9. Watching for changes

    • 10. JS compressor

    • 11. Loading many grunt modules at once

    • 12. Image optimisation

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

    • 14. JShint - find bugs in your Javascript code instantly

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

    • 16. 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