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
(69)
Level
Intermediate
Updated
Aug 21, 2014
Duration
5h 46m
Table of contents
Introduction
Grunt 9m Introduction 7m Project Setup 11m Starting Point 7m Tooling 9m Web Apps 5m
Working With Grunt
CSS Preprocessors 7m Chrome Workspaces 8m Compiling CoffeeScript 10m Custom Server Tasks 8m Finishing the Custom Task 11m Globs and CoffeeScript 6m Grunt Clean and Grunt LESS 6m Grunt Documentation 4m Grunt Open 4m Grunt Watch 6m Gruntfile.js 13m LESS Mixins 7m LESS Watch Tasks 5m Live Reload 8m Live Reload Alternative 3m Match Dependencies 3m Minifying JavaScript 8m NPM Init and Grunt 7m Simulating Production Assets 5m Splitting Concerns and Using Copy 10m The DIST Workflow 6m Using Express Compress 6m Vendor JavaScript Libraries and CoffeeScript 6m
Beyond Grunt
Backbone 12m Bower 11m Browserify 14m End-to-End Testing 7m Integrating With Rails 7m Lineman Spec and Build 7m Lineman Workflow 10m Push State Simulation 9m Reorganizing the Application 13m Sourcemaps 9m Test-Driven Development Questions 9m Unit Testing Grunt Plugins 11m Wrap-up 5m Writing a Blog With Lineman 8m Yeoman Introduction 4m Yeoman Workflow 8m
Description
Course info
Rating
(69)
Level
Intermediate
Updated
Aug 21, 2014
Duration
5h 46m
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