No description, website, or topics provided.
JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
dist
.eslintrc.json
.gitignore Init commit Mar 12, 2016
README.md
gulpfile.js
package.json Init commit Mar 12, 2016

README.md

Automating Your Work with Node.js

Hello! This is the repo for the NICAR 2016 course "Building tools and automation for Node.js". We will be walking through setting up your own static site build tool with gulp.js.

There will be a snapshot of its beginning state in the beginning branch — the master branch reflects the end result.

What you need

  • Node.js — version 4 or greater
  • npm — typically comes installed with Node.js

What your tool will be able to do

  • Automatically reload when you make changes to your code
  • Concatinate your CSS, alters it to include common browser vendor prefixes, and minify
  • Concatinate your JavaScript, check it for errors, and minify
  • Make your image files smaller
  • Prepare your files for deployment

On the agenda

  • Install all the things!
  • What is gulp?
  • Writing your first gulp task
  • Setting up auto-reloading with BrowserSync
  • Concatinating your CSS
  • Minifying your CSS
  • Autoprefixing your CSS
  • Concatinating your JavaScript
  • Linting your JavaScript
  • Minifying your JavaScript
  • Minifying your images
  • Putting it all together