People suck at repetitive tasks.

• Linting
• Transpiling
• Minifying
• Combining (concat)
• Goodbye Compass
• Goodbye, Sprockets! A Grunt-based Rails Asset Pipeline
• Taking the asset pipeline out of Rails
• Getting your PageSpeed score up
• Takana - Like BrowserSync?
• Creating a web app with Grunt
• Brunch
• Auto-formatting JavaScript Code Style
• BCC Wraith
• ally.js

• Get started with ESLint

• Use tree-shaking and topological sorting of dependencies
• Rollup pled to use ES6 modules only

• Controversial state of JavaScript tooling
• JavaScript Modules
• The complete guide to ES6 with Babel 6
• 6 things you need to know about Babel 6
• Babel plugins
• Documentation.js
• ES Class Fields & Static Properties
• Babel Plugin Handbook
• See all the monorepo for Babel packages here

Babel 6 relies on plugins. There are 2 types of plugins: syntax and transform.You use presets to consume plugins. Each preset comes with a set of plugins so you don't have to wire them up separately.

• Tim Lucas's approach
• The ultimate fronted build tool: make
• I love the Unix philosophy, but...

• Cheatsheet

Bower is meant to work with build tools rather than replace them. Bower is not built with opinions on scripting loader or modular loading. It is not concerned with how the assets it manages get included in your web pages.

• Some arguments with @visionmedia

• !name - Matches any single character not in name
• {s1, s2, s3} - Matches any of the strings given (separated by commas)

• Cross browser CSS injection

Gulp has built-in watcher. Grunt uses JSON-like data configuration files; Gulp uses leaner, simpler JavaScript code.

gulp.src(glob)   /* Returns a readable stream */
gulp.dist(glob)  /* Returns a writable stream */

// 1 read and 2 writes
gulp.task('build-stuff', function() {
  return gulp.src('js/**/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('build'))
    .pipe(uglify())
    .pipe(rename('all.min.js'))
    .pipe(gulp.dest('build'))
});

• A blank project with Gulp.js as build system
• Presentation on Gulp
• Gulp - The streaming build system
• https://www.youtube.com/watch?v=Blqaio9HaHA
• Error management in gulp

• gulp-browser-sync
• gulp-jshint
• gulp-autoprefixer
• gulp-changed
• gulp-imagemin
• gulp-strip-debug
• gulp-uglify
• gulp-concat
• gulp-svgmin
• gulp-cssmin
• gulp-htmlmin
• jshint-stylish
• grunt-montage
• gulp-if
• gulp-load-plugins
• gulp-colorguard
• Critical path

No context between transformations. More tasks, more slow-down. TMP file hell!

• Grunt plugins reviewed
• grunt-pagespeed

• grunt-uncss
• grunt-spritesmith
• grunt-release
• grunt-concurrent
• grunt-responsive-images
• grunticon

• Broccoli - A fast, reliable asset pipeline
• Architecture of Broccoli

• Plato.js
• JavaScript Code Style Checker

"maxparams": 4
"maxdepth": 4
"maxstatements": 20
"maxlen": 100
"maxcomplexity": 7