課程資料
報名日期
全年招生
課程級別
學習模式
修業期
1 小時 41 分鐘
教學語言
英語
授課導師
Arkadiusz Włodarczyk
評分
1次瀏覽
課程簡介
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 350,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!
課程章節
- 5 個章節
- 19 堂課
- 第 1 章 Introduction
- 第 2 章 Installation & Configuration
- 第 3 章 Grunt Plugins
- 第 4 章 Summary
- 第 5 章 BONUS
課程內容
- 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
評價
-
AAmit joshi
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. :)
-
AArhmichal
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.
-
zzohaib t
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. 😊
-
GGreg Goldsberry
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.
