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