GRUNT js: Automate web development tasks and save your time

GRUNT js: Automate web development tasks and save your time

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 1h 39m | 551 MB

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

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.

A 2-hour course to build your websites faster and avoid repetitive work.

What You Will Learn

  • install and configure Grunt.js, npm, Node.js
  • minify and merge CSS and JS files -> which will improve website loading speed
  • automatically add vendor prefixes, after setting the project you won’t need to think about vendor prefixes anymore
  • find JavaScript bugs almost instantly -> no more time consuming debugging of JavaScript code
  • dramatically decrease time needed for running many tasks at once
Table of Contents

01 What is Grunt.js
02 Who Am I
03 What you will know after this course
04 BONUS – Installation of great editor for Grunt.js
05 Node.js & npm & grunt-li
06 Configuration of Gruntfile.js and package.json
07 Installing and executing tasks on example using Autoprefixer
08 How to configure tasks on example using Autoprefixer
09 Watching for Changes – contrib-watch
10 Automatically Compressing CSS files – contrib-cssmin
11 Automatically Compressing and merging JS files – grunt-contrib-uglify
12 Load many grunt tasks at once
13 Image Optimisation
14 Compressing images only if a new one is added – grunt-newer
15 JShint – find bugs in your Javascript code instantly
16 Run many tasks at once and improve the speed – grunt-concurrent
17 What after this course