Graphics, Web Hosting and Grunt Performance Overview/Description Target Audience Prerequisites Expected Duration Lesson Objectives Course Number Expertise Level Overview/Description
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.
Target Audience
Web developers looking to improve workflows and productivity by optimizing and automating development processes
Prerequisites
None
Expected Duration (hours)
2.1
Lesson Objectives Graphics, Web Hosting and 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
Course Number: wd_atwg_a02_it_enus
Expertise Level
Intermediate