Video: (1'15") http://www.youtube.com/watch?v=Ea0FKq0a2-g&feature=youtu.be Materials: https://github.com/jasondenizac/bcc12 Given 3/24/2012 Boise State University

1. // hacking
// javascript
// complexity
// @leJDen
// Jason Denizac
// CC-BY 3.0

3. disclaimer:
a lot of this is just my opinion, man.

5. me:
healthwise.org
@boisehackers
i <3 javascript

6. you:
beyond beginning javascript
have ever thought...
There's gotta be a better way!

8. {} style
modules
testing

10. style
{}

11. sanity.
{}

12. {}

13. ==
{}

14. ==
1. If Type(x) is the same as Type(y), then
a.
b.
c.
If Type(x) is Undefined, return true.
If Type(x) is Null, return true.
If Type(x) is Number, then
{}
i. If x is NaN, return false.
ii. If y is NaN, return false.
iii. If x is the same Number value as y, return true.
iv. If x is +0 and y is −0, return true.
v. If x is −0 and y is +0, return true.
vi. Return false.
d. If Type(x) is String, then return true if x and y are exactly the same sequence of characters (same length and same
characters in corresponding positions). Otherwise, return false.
e. If Type(x) is Boolean, return true if x and y are both true or both false. Otherwise, return false.
f. Return true if x and y refer to the same object. Otherwise, return false.
2. If x is null and y is undefined, return true.
3. If x is undefined and y is null, return true.
4. If Type(x) is Number and Type(y) is String,
5. return the result of the comparison x == ToNumber(y).
6. If Type(x) is String and Type(y) is Number,
7. return the result of the comparison ToNumber(x) == y.
8. If Type(x) is Boolean, return the result of the comparison ToNumber(x) == y.
9. If Type(y) is Boolean, return the result of the comparison x == ToNumber(y).
10. If Type(x) is either String or Number and Type(y) is Object,
11. return the result of the comparison x == ToPrimitive(y).
12. If Type(x) is Object and Type(y) is either String or Number,
13. return the result of the comparison ToPrimitive(x) == y.
14. Return false.

15. ==
1. If Type(x) is the same as Type(y), then
a.
b.
c.
If Type(x) is Undefined, return true.
If Type(x) is Null, return true.
If Type(x) is Number, then
{}
i. If x is NaN, return false.
ii. If y is NaN, return false.
iii. If x is the same Number value as y, return true.
iv. If x is +0 and y is −0, return true.
t?!"
v. If x is −0 and y is +0, return true.
"Wa
vi. Return false.
d. If Type(x) is String, then return true if x and y are exactly the same sequence of characters (same length and same
characters in corresponding positions). Otherwise, return false.
e. If Type(x) is Boolean, return true if x and y are both true or both false. Otherwise, return false.
f. Return true if x and y refer to the same object. Otherwise, return false.
2. If x is null and y is undefined, return true.
3. If x is undefined and y is null, return true.
4. If Type(x) is Number and Type(y) is String,
5. return the result of the comparison x == ToNumber(y).
6. If Type(x) is String and Type(y) is Number,
7. return the result of the comparison ToNumber(x) == y.
8. If Type(x) is Boolean, return the result of the comparison ToNumber(x) == y.
9. If Type(y) is Boolean, return the result of the comparison x == ToNumber(y).
10. If Type(x) is either String or Number and Type(y) is Object,
11. return the result of the comparison x == ToPrimitive(y).
12. If Type(x) is Object and Type(y) is either String or Number,
13. *apologies to Gary Bernhardt
return the result of the comparison ToPrimitive(x) == y.
14. Return false.

16. ===
{}

17. ===
{}
1. Is it the same type?

18. ===
{}
1. Is it the same type?
2. Is the value the same?

19. ===
{}
1. Is it the same type?
2. Is the value the same?
* NaN !== NaN

20. {}
"Warning! JSLint will hurt your feelings."

22. modules

24. godObject.blah.foo.module
godObject.blang.other.functionality
godObject.something.More

27. A synchronous
M odule
D efinition

29. sugarWater.js
define(['jquery'], function ($) {
return function () {
$('<strong/>')
.text('Ohh yeahh.jpg')
.appendTo('body');
};
});

30. main.js
require(['jquery', 'sugarWater',
'domReady!'],
function ($, ohhYeahh) {
$('#refreshing')
.on('click', ohhYeahh);
});

32. require.js

33. microjs.com
"there's a lib for that"

35. testing

36. jasmine

37. qunit

38. sinon

40. DEMO TIME
Using TDD, JSLint, and modules,
make yet another Twitter search visualization
- show me a live stream of tweets with #bcc or
@BoiseCodeCamp
- highlight presenters

41. other talks today:
Next: Travis Bretton: Server side: Node.js
right here
Later: @jarodf: Client side: Backbone.js
also right here, 4:30

42. get the code
github.com/jasondenizac/bcc12
@leJDen