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?

      1:10
    • What you will know after this course?

      2:51
    • BONUS ideal editor for working with Grunt.js

      4:40
    • Node.js and NPM

      3:54
    • Installation and configuration of Grunt

      8:55
    • Installing and executing tasks on example using Autoprefixer

      11:58
    • How to configure tasks on example using Autoprefixer

      10:14
    • CSS compressor

      6:40
    • Watching for changes

      6:59
    • JS compressor

      6:23
    • Loading many grunt modules at once

      1:41
    • Image optimisation

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

      3:48
    • JShint - find bugs in your Javascript code instantly

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

      4:39
    • What after the course, summary

      2:11

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

 

2

Students

--

Projects

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

Level

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