...learn how to use Grunt

Grunt is a useful tool for automation. Let's learn how to use it!

Watch User Created Playlist (11)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Introduction to Grunt

Grunt Watch

P

Template

P

Uglify

P

External Config

P

Multitask

Introduction to Grunt for Angular

Development Automation Tasks with Grunt

P

Concatenating Your Javascript with grunt-contrib-concat

P

Minifying your output with grunt-uglify

Cleaning your build folder with grunt-contrib-clean

P
js tutorial about Introduction to Grunt

Introduction to Grunt

3:58 js

In this lesson you will install GruntJS and get up and running with your first task, initial configuration, and how to get Grunt methods auto-completing in WebStorm.

Grunt Watch

3:03 js PRO

In this lesson John will show you how to get started with grunt-contrib-watch. Watch is an essential component of any Grunt build, and you will find yourself using it in almost every project.

Template

3:45 js PRO

GruntJS allows you to use underscore/erb style templates to reduce repetition and create variables. This is commonly used to point at build folders and files within your application's structure.

Uglify

1:41 js PRO

In this lesson John will show you how to start using Grunt Uglify to compress your javascript for production deployment.

External Config

3:51 js PRO

In this lesson John will show you how to create a simple external config file for your GruntJS build.

Multitask

1:49 js

Grunt Multitask allows you to write complex tasks that run multiple targets. In this lesson, John will show you how to use Multitask in your GruntJS builds.

angularjs tutorial about Introduction to Grunt for Angular

Introduction to Grunt for Angular

2:19 angularjs

Task automation is critical for any AngularJS single-page application. Grunt gets the job done.

js tutorial about Development Automation Tasks with Grunt

Development Automation Tasks with Grunt

4:24 js PRO

With Grunt you can automate core tasks for your AngularJS project. In this lesson we will take a look at converting Stylus files to CSS, and add a watch task to convert those files automatically whenever a change is detected.

js tutorial about Concatenating Your Javascript with grunt-contrib-concat

Concatenating Your Javascript with grunt-contrib-concat

2:02 js PRO

You can use Grunt to combine all of your Javascript files into a single concatenated file.

js tutorial about Minifying your output with grunt-uglify

Minifying your output with grunt-uglify

2:23 js

For production we want to use minified javascript to reduce the payload that is sent from the server. This can easily be accomplished with grunt-uglify.

js tutorial about Cleaning your build folder with grunt-contrib-clean

Cleaning your build folder with grunt-contrib-clean

2:05 js PRO

Grunt will clean up your build with the grunt-contrib-clean to make sure that no artifacts from previous builds are hanging around.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?