Build Process, Workflows and Tooling With Grunt.js and Beyond

By David Mosher
Transform a static app with basic script includes and no tooling into a first class citizen with a build process, preprocessing, asset pipeline and more using techniques with Grunt.js and beyond (Yeoman, Lineman and more).
Course info
Rating
(65)
Level
Intermediate
Updated
Aug 21, 2014
Duration
5h 47m
Table of contents
Introduction
Introduction 7m Web Apps 5m Tooling 9m Grunt 9m Project Setup 11m Starting Point 7m
Working With Grunt
NPM Init and Grunt 7m Gruntfile.js 13m Globs and CoffeeScript 6m Grunt Watch 6m CSS Preprocessors 7m LESS Mixins 7m LESS Watch Tasks 5m Grunt Documentation 4m Splitting Concerns and Using Copy 10m Custom Server Tasks 8m Finishing the Custom Task 11m Using Express Compress 6m Live Reload 8m Live Reload Alternative 3m Chrome Workspaces 8m Grunt Clean and Grunt LESS 6m The DIST Workflow 6m Minifying JavaScript 8m Grunt Open 4m Match Dependencies 3m Simulating Production Assets 5m Vendor JavaScript Libraries and CoffeeScript 6m Compiling CoffeeScript 10m
Beyond Grunt
Bower 11m Reorganizing the Application 13m Sourcemaps 9m Backbone 12m Yeoman Introduction 4m Browserify 14m Yeoman Workflow 8m Lineman Workflow 10m Lineman Spec and Build 7m Test-Driven Development Questions 9m End-to-End Testing 7m Push State Simulation 9m Integrating With Rails 7m Unit Testing Grunt Plugins 11m Writing a Blog With Lineman 8m Wrap-up 5m
Description
Course info
Rating
(65)
Level
Intermediate
Updated
Aug 21, 2014
Duration
5h 47m
Description

Transform a static app with basic script includes and no tooling into a first class citizen with a build process, preprocessing, asset pipeline and more using techniques with Grunt.js and beyond (Yeoman, Lineman and more). This course covers adding an intermediary build process so that you can use CSS preprocessors, live reload, concat and minifying resources, coffeescript while splitting asset pipeline settings for local development vs production. You’ll also learn about getting up and running with new projects using Yeoman or Lineman to get up and running quickly building single page apps and unit testing your project.

About the author
David Mosher
About the author

David Mosher is a Front-End Engineer at Test Double. He loves building great JavaScript web experiences using modern tools like Grunt and Lineman.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT