by Arkadiusz Włodarczyk | Publisher: Packt Publishing | Release Date: October 2017 | ISBN: 9781788834810

Save time automating web development tasks like compressing CSS/ JS files on the fly. Set once and enjoy your released time!About This Videoinstall Grunt.js/npm/Node.jsproperly configure and install pluginsrun tasks concurrently which will drastically improve the needed time for execution of taskIn DetailAs 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.

1. Chapter 1 : Introduction
   • What is Grunt.js? 00:01:10
   • Who Am I? 00:00:50
   • What you will know after this course? 00:02:51
2. Chapter 2 : Installation & Configuration
   • BONUS: Installation of great editor for Grunt.js 00:04:40
   • Node.js & npm & grunt-li 00:03:55
   • Configuration of Gruntfile.js and package.json 00:08:56
3. Chapter 3 : Grunt Plugins
   • Installing and executing tasks on example using Autoprefixer 00:11:58
   • How to configure tasks on example using Autoprefixer 00:10:15
   • Watching for Changes: contrib-watch 00:06:59
   • Automatically Compressing CSS files: contrib-cssmin 00:06:40
   • Automatically Compressing and merging JS files: grunt-contrib-uglify 00:06:24
   • Load many grunt tasks at once 00:01:42
   • Image Optimisation 00:10:05
   • Compressing images only if a new one is added: grunt-newer 00:03:49
   • JShint - find bugs in your Javascript code instantly 00:12:55
   • Run many tasks at once and improve the speed: grunt-concurrent 00:04:39
4. Chapter 4 : Summary
   • What after this course? 00:02:12