Learn to automate web development tasks with Grunt, saving time on CSS/JS compression, image optimization, and bug finding for faster website performance.
This course teaches you how to use Grunt, a handy tool for automating tedious web development tasks. By learning Grunt, you can save time and enhance your website's performance effortlessly!
Save time automating web development tasks like compressing CSS/JS files on fly. Set Grunt and enjoy your free 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 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
I give you 100% satisfaction - if you do not like my course you can request a full refund up to 30 days. Remember that if you have any questions regarding topics covered in the course please feel free to ask. I'm always happy to help!
Over 300,000 people from around the world enrolled in my courses
Please check free lessons before buying! See for yourself the great quality of the course and enjoy it!
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
4 Lectures
10 Lectures
1 Lectures
1 Lectures
I've created 27 very popular video courses about programming, web development, and math.Over 345,000 students have enrolled in my Udemy courses. I always try to explain everything in the easiest possible way. I believe that everyone has the ability to develop software if they are taught properly. Including you. I'm going to give you the context of each new concept...
An excellent and comprehensive course on very important points and qualifies you for the field
The way of explanation is easy and fun and the examples are excellent
videos are very nice, but can you upload new videos, as some of plugins are going to be deprecated. and some new plugins which you would like to share with us.
except that, you are very good teacher. :)
Fun
Some times i felt like i learned a new thing and then for next 5min i was told something obvious or already known or deduced. The knowledge was trickling too slow.
Please consider showing how to make things work also when someone is not using Netbeans.
Personally i'm trying WebStorm or combination of cygwin and sublime text 3, depending on availability of webstorm beta.
Good Course :D, thanks
For the 1000 errors story. :)
Before taking the course I just knew some basics of grunt js. I definitely learned a lot in this course. Learn popular and most used plugin for development environment. Recommended. 😊
Good course
I already had a basic knowledge of Grunt and wanted a more in depth understanding of it.
It would have been better had the author included SASS processors instead of simply using it and then handling the CSS file. Either use strict CSS or at least explain what SASS (or LESS) is and add the related plugin. The css plugin being used is now deprecated and it'd be nice to see an update to postcss which replaces it. Similarly, the uglify plugin could not handle ES6 code as is. Having said that, finding the packages myself and modifying the grunt file as needed was good practice.
Overall, decent for understanding Grunt but it lacks current conventions. It could improve by adding updated chapters for those who are looking to handle Less or Sass and ES6 code.
Your email address will not be published. Required fields are marked *
Shane K.
An okay, if limited, introduction. Fairly dated content.