O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

GRUNT js: Automate web development tasks and save your time

Video Description

Save time automating web development tasks like compressing CSS/ JS files on the fly. Set once and enjoy your released time!

About This Video

  • 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

In Detail

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 user 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 much 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.