Build Process, Workflows and Tooling With Grunt.js and Beyond
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).
What you'll learn
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.
Table of contents
- 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
- 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
