Javascript Lint Lightning Talk

README.md

Javascript Lint Lightning Talk

By Nick Gauthier

Viewing

This is a showoff presentation.

bundle
bundle exec showoff serve

Then visit localhost:9000

Or just read the markdown below and pretend the word "!SLIDE" isn't there.

Gemfile

source :rubygems

gem 'showoff'
gem 'gli', '1.6.0'

Gemfile.lock

GEM
  remote: http://rubygems.org/
  specs:
    blankslate (2.1.2.4)
    bluecloth (2.2.0)
    gli (1.6.0)
    json (1.7.5)
    nokogiri (1.5.5)
    parslet (1.4.0)
      blankslate (~> 2.0)
    rack (1.4.1)
    rack-protection (1.2.0)
      rack
    showoff (0.7.0)
      bluecloth
      gli (>= 1.3.2)
      json
      nokogiri
      parslet
      sinatra
    sinatra (1.3.3)
      rack (~> 1.3, >= 1.3.6)
      rack-protection (~> 1.2)
      tilt (~> 1.3, >= 1.3.3)
    tilt (1.3.3)

PLATFORMS
  ruby

DEPENDENCIES
  gli (= 1.6.0)
  showoff

ngauthier.css

a, a:visited, a:active {
  color: #444;
  text-decoration: none;
}
a:hover {
  color: #009fd5;
  text-decoration: none;
}

html, body {
  font-family: “helvetica neue”, helvetica, arial, sans-serif;
  text-rendering: optimizeLegibility;
}
::selection, *::-moz-selection {
  background: rgba(0, 0, 0, 0.3);
}

h1 {
  color: #111;
  margin-bottom: 40px;
}
h2 {
  color: #222;
  margin-bottom: 40px;
  font-weight: normal;
}
h3 {
  color: #222;
  margin-bottom: 15px;
  font-weight: normal;
}
.content > pre {
  font-size: 26px;
  line-height: 32px;
}

showoff.json

{
  "name": "JSL + CI",
  "sections": [
    {"section":"slides"}
  ]
}

slides.md

!SLIDE

JSL + CI

Nick Gauthier

http://ngauthier.com

!SLIDE

Generic: jsl

• brew install jsl
• Linux: compile from source or use ppa:team-mayhem/ppa

!SLIDE

jsl

• jsl.conf file
• jsl -conf jsl.conf -process my_file.js
• See Backbone's jsl.conf for a good example

!SLIDE

jsl

@@@ text
backbone.js(471): warning: redeclaration of var attr
      for (var attr in changes) {
...............^

!SLIDE

jsl

Put it in a makefile

!SLIDE

node.js: jslint

• npm install jslint
• or add to package.json

!SLIDE

jslint

• jslint my_file.js
• Add to Cakefile

!SLIDE

jslint

@@@ text
 #4 Missing 'use strict' statement.
    var root = this; // Line 15, Pos 3

!SLIDE

Ruby (gasp): jslint

Or jslint_on_rails

!SLIDE

Rails + Asset Pipeline

https://gist.github.com/3516080