Build Process, Workflows and Tooling With Grunt.js and Beyond
Pluralsight
Course Summary
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 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.
-
+
Course Syllabus
Introduction- 48m 29s
—Introduction 6m 43s
—Web Apps 4m 52s
—Tooling 9m 6s
—Grunt 9m 13s
—Project Setup 11m 5s
—Starting Point 7m 28sWorking With Grunt- 2h 35m
—NPM Init and Grunt 6m 53s
—Gruntfile.js 12m 36s
—Globs and CoffeeScript 6m 12s
—Grunt Watch 5m 59s
—CSS Preprocessors 6m 51s
—LESS Mixins 7m 12s
—LESS Watch Tasks 4m 30s
—Grunt Documentation 4m 17s
—Splitting Concerns and Using Copy 9m 59s
—Custom Server Tasks 7m 41s
—Finishing the Custom Task 11m 26s
—Using Express Compress 5m 44s
—Live Reload 8m 6s
—Live Reload Alternative 3m 17s
—Chrome Workspaces 8m 1s
—Grunt Clean and Grunt LESS 5m 40s
—The DIST Workflow 6m 15s
—Minifying JavaScript 7m 54s
—Grunt Open 3m 30s
—Match Dependencies 3m 20s
—Simulating Production Assets 4m 31s
—Vendor JavaScript Libraries and CoffeeScript 5m 42s
—Compiling CoffeeScript 9m 36sBeyond Grunt- 2h 22m