Death Defying Feats of

DebuggeryThe Futile Art of Pursuing

Perfect Code

Grace Hopper, Inventor of the bug

The first computer bug, literally

Grace Hopper’s Field Guide to Bugs

Bugs of Yore

Bugs of Yore

Bugs of Yore

Breakpoint Dancing

Avoiding Leaks

Wicked Good Toys

Linting Tools

PAIN

HUMILIATION

ESLint

The Alignment of Various Linting Tools Chaotic Good

Chaotic Neutral Chaotic Evil

Neutral Good Neutral Neutral

Neutral Evil

Lawful Good Lawful Neutral Lawful Evil

Quick Checkjscheck.jsDouglas Crockford2012-04-24

Public Domain

JSCheck is a testing tool for JavaScript. It was inspired by QuickCheck, a testing tool for Haskell developed by Koen Claessen and John Hughes of Chalmers University of Technology.

JSCheck is a specification-driven testing tool. From a description of the properties of a system, function, or object, it will generate random test cases attempting to prove those properties, and then report its findings. That can be especially effective in managing the evolution of a program because it can show the conformance of new code to old code. It also provides an interesting level of self-documentation, because the executable specifications it relies on can provide a good view of the workings of a program.

All of JSCheck can be loaded from a small file called jscheck.js.

The source is available at https://github.com/douglascrockford/JSCheck.The documentation is available at http://www.JSCheck.org/.

Which QuickCheck is Right for You?Sexiness

PITA Factor

JS-Quick-Check

PureScript-QuickCheck

jsVerify

Complexity Checkers

Complexity M = E − N + 2P E = the number of edges of the graph.N = the number of nodes of the graph.P = the number of connected components.

function factorialSize(myAwesomeInt) {

var factorial = 1; var size;

for(let i = 1; i <= myAwesomeInt; i+=1) { factorial = factorial * i; } if(factorial > 999) { size = "Yuge!" } else { size = "meh" }

return size;}

9 - 8 + 2 * 1 = 3

Parameter count: 1Cyclomatic complexity: 3Cyclomatic complexity density: 30%Halstead difficulty: 14Halstead volume: 153Halstead effort: 2103

Complexity Simplified Score What It Means Emoji Equivalent

1 - 10 A simple program, without much risk

11 - 20 More complex, moderate risk

21 - 50 Complex, high risk program

> 50 Untestable program (very high risk)

Maps

Extensions!Ember Inspector

AngularJS BatarangAngular Watchers

React Developer Tools

Polymer DevTools Extension

Meteor DevTools

Who does this guy think he is?John NeedFront End Code MonkeyGalen Healthcare

Twitter : @JohnNeed

GitHub : https://github.com/johnneed

CodePen : http://codepen.io/johnneed/

Linked In : https://www.linkedin.com/in/johnneed