-
Development Using Unit Tests with Grunt
After watching this video; you will be able to create unit tests for your web project.
-
Grunt Introduction
After watching this video; you will be able to identify the functions and capabilities of Grunt.
-
Grunt Prerequisites
After watching this video; you will be able to install and update the software required by Grunt.
-
Installing and Configuring a Local Web Server
After watching this video; you will be able to use Grunt to provide a development web server.
-
Installing Grunt
After watching this video; you will be able to install Grunt using the npm; node package manager.
-
JavaScript Templating with Grunt
After watching this video; you will be able to use Grunt to employ templates in your JavaScript project.
-
Loading Plugins; Part 1
After watching this video; you will be able to configure Grunt to use matchdep to load plugins automatically
-
Loading Plugins; Part 2
After watching this video; you will be able to configure Grunt to load plug-ins using load-grunt-tasks and defer plug-in loading
-
Measuring Grunt Performance
After watching this video; you will be able to identify time-consuming tasks in Grunt.
-
Node.js Introduction
After watching this video; you will be able to use Node.js facilities to install Grunt and supporting modules.
-
Organizing Grunt Configuration
After watching this video; you will be able to generate a Gruntfile with organized sections to reduce execution time.
-
Packaging and Versioning Your App for Production
After watching this video; you will be able to use Grunt to package your app for production use and update version numbers.
-
SVG Icons and Sprites
After watching this video; you will be able to use Grunt to manage SVG sprites and icon fonts and reduce page load requests.
-
Testing Site Performance with Grunt
After watching this video; you will be able to use Grunt to test the performance of your project.
-
Using autoprefixer with Grunt
After watching this video; you will be able to use the grunt-postCSS plugin; autoprefixer; to handle vendor-specific CSS prefixes
-
Using Bower with Grunt
After watching this video; you will be able to use Bower to manage web development libraries.
-
Using CleanCSS and UnCSS with Grunt
After watching this video; you will be able to use CleanCSS and UnCSS to reduce the asset size of your CSS files.
-
Using Grunt to Manage Responsive Images
After watching this video; you will be able to use Grunt to control a number of tools to enable responsive image sizing in your web project.
-
Using Grunt with JavaScript Modules Part 1
After watching this video; you will be able to use modern JavaScript frameworks and practices with Grunt.
-
Using Grunt with JavaScript Modules Part 2
After watching this video; you will be able to use additional modern JavaScript frameworks and practices with Grunt.
-
Using imagemin with Grunt
After watching this video; you will be able to use imagemin to reduce the transmitted size of images in your web project.
-
Using JSHint with Grunt
After watching this video; you will be able to use JSHint to enforce quality standards on your JavaScript files.
-
Using Modernizr with Grunt
After watching this video; you will be able to use Modernizr to optimize your pages for various browser capabilities.
-
Using ngrok with Grunt
After watching this video; you will be able to use ngrok to expose your local server to the external Internet.
-
Using RECESS with Grunt
After watching this video; you will be able to use RECESS to enforce standards on your CSS files.
-
Using Sass with Grunt
After watching this video; you will be able to use Grunt with a simple HTML/CSS/JS application.
-
Using spritesmith with Grunt
After watching this video; you will be able to use spritesmith in Grunt to optimize image loading times.
-
Using svgmin to Reduce SVG file Size
After watching this video; you will be able to use svgmin to minimize the size and load time of SVG images.
-
Using Uglify with Grunt
After watching this video; you will be able to use Uglify to minify and obfuscate your JavaScript files.
-
Working with Files in Grunt
After watching this video; you will be able to use Grunt to specify files in your project.
-
Accessibility Testing with Grunt
After watching this video; you will be able to use Grunt facilities to automate accessibility testing.
-
Acting on Changes
After watching this video; you will be able to configure Grunt to perform actions when files in your project are updated.
-
Configuring Grunt to Help Generate Documentation
After watching this video; you will be able to use grunt-jsdoc to generate documentation from JSDoc annotations in your JavaScript files.
-
Configuring Parallel Tasks
After watching this video; you will be able to run multiple Grunt tasks simultaneously.
-
Configuring Unit Testing with Grunt
After watching this video; you will be able to use Grunt features to enable unit testing in your project.
-
Continuous Integration with Grunt
After watching this video; you will be able to use Travis CI and github to utilize continuous integration with your project.
-
Creating a Sample Gruntfile in Your Project
After watching this video; you will be able to add Grunt to your project.
-
Creating Grunt Plugins
After watching this video; you will be able to write custom plugins for Grunt.
-
Graphics, Web Hosting and Grunt Performance
In this course, you will learn how to use Grunt to minimize web image assets. You'll also learn to use Grunt to host a local development web server as well as quantify and improve Grunt performance.
- start the course
- use imagemin to reduce the transmitted size of images in your web project
- use Grunt to control a number of tools to enable responsive image sizing in your web project
- use spritesmith in Grunt to optimize image loading times
- use svgmin to minimize the size and load time of SVG images
- use Grunt to manage SVG sprites and icon fonts and reduce page load requests
- identify time-consuming tasks in Grunt
- configure Grunt to use matchdep to load plugins automatically
- configure Grunt to load plug-ins using load-grunt-tasks and defer plug-in loading
- write custom plugins for Grunt
- generate a Gruntfile with organized sections to reduce execution time
- run multiple Grunt tasks simultaneously
- configure Grunt to perform actions when files in your project are updated
- use Travis CI and github to utilize continuous integration with your project
- use Grunt to provide a development web server
- use Grunt features to enable unit testing in your project
- create unit tests for your web project
- use Grunt facilities to automate accessibility testing
- use ngrok to expose your local server to the external Internet
- use Grunt to test the performance of your project
- reduce the size of raster image assets, quantify Grunt performance, and enable a local web server
-
Installing and Using Grunt
In this course, you will learn how to install and configure Grunt and its prerequisites on multiple platforms. You'll also learn to use Grunt minimize JavaScript and CSS web assets.
- start the course
- identify the functions and capabilities of Grunt
- install and update the software required by Grunt
- use Node.js facilities to install Grunt and supporting modules
- install Grunt using the npm Node package manager
- add Grunt to your project
- use Grunt to specify files in your project
- use modern JavaScript frameworks and practices with Grunt
- use additional modern JavaScript frameworks and practices with Grunt
- use Grunt to employ templates in your JavaScript project
- use JSHint to enforce quality standards on your JavaScript files
- use Modernizr to optimize your pages for various browser capabilities
- use Uglify to minify and obfuscate your JavaScript files
- use grunt-jsdoc to generate documentation from JSDoc annotations in your JavaScript files
- use Grunt with a simple HTML/CSS/JS application
- use Bower to manage web development libraries
- use RECESS to enforce standards on your CSS files
- use autoprefixer to handle vendor-specific CSS prefixes
- use CleanCSS and UnCSS to reduce the asset size of your CSS files
- use Grunt to package your app for production use and update version numbers
- install Grunt and use it to reduce the size of JS and CSS assets