Learn Grunt with Examples: Automate Your Front End Workflow
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Grunt is a command-line task automation tool that speeds up your development workflow by taking all the repetitive “grunt work” out of your work. If you're a front-end developer, Grunt is a must have tool to add to your skillset. With Grunt you can:
In this course you'll learn how to automate web development tasks with Grunt so you can build websites faster.
Grunt can perform tasks on your code in the background to automatically take the repetitive, time consuming tasks out of your workflow! If you want to take your career to the next level as a front-end developer then you need to learn Grunt.
Grunt will perform the tasks you assign it through a Grunt configuration file. Some tasks Grunt can perform include: minification, concatenation, SASS and LESS processing, live reloading, image optimization, unit testing, linting, desktop notifications, page speed testing, and sooo much more!
At the end of this course you'll:
This course is for even the beginning web developer! Grunt is still growing in popularity and is used by some of the biggest names on the web. Learn Grunt to save time and put yourself ahead of the competition.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction|
What is Grunt?Preview
|Section 2: Installation and Setup|
The Tools to Get StartedPreview
In this course we discuss what NodeJS is and how to install it as well as the npm command-line tool.
In this course we learn how to install Grunt on our computer.
In this course we get our project files set up for the rest of the course.
|Section 3: Grunt Basic Concepts|
In this lecture we'll learn about the package.json file, what it does, and why it's important.
The Gruntfile.js file
|Section 4: Configuring Grunt|
Configuring Grunt Tasks
Loading and Registering Grunt TasksPreview
|Quiz 1||4 questions|
You've come a long well already! That was fast! Now, let's see how well you've been paying attention.
BONUS: Additional Resources for Understanding Grunt
|Section 5: Using Grunt: Real World Examples|
Autoprefixing CSS Properties
Compiling LESS (and Minifying)
Running Grunt Watch
|Section 6: Conclusion|
|Quiz 2||4 questions|
Congratulations! You're a Grunt expert... almost. Pass this quiz and we'll make it official.
I'm Matt Jones and I'm a front end web developer and an avid learner. I've been in the web design and development industry for almost 12 years and I'm passionate about quality work done quickly and efficiently. I create tools to improve workflow and help companies and developers learn emerging technologies to stay ahead of the curve.
As a web developer I've worked with organizations of all sizes from small agencies to international nonprofits. Currently I work for an ad agency in Phoenix, Arizona called RIESTER.