1. JavaScript is Real Code
Len Smith
@ignu
http://iggy.nu
len.smith@live.com

8. Document
Object
Model

10. “JavaScript is the only language
I’m aware of where people feel
they don’t have to learn it before
they start using it”
-Douglas Crockford

11. Dynamic

12. Loose Typing

13. number
boolean
string
undefined
object
Regex
Date
Array

14. “Lisp in C’s clothing”

15. function() {}

17. SOLID?

19. Single Responsibility Principle
Open Closed Principle
Liskov Substitution Principle
Interface Segregation Principle
Dependency Inversion Principle

21. JavaScript
Isn’t
Shouldn’t be
OO

22. Rules of Simple Design

23. Rules of Simple Design
• Passes Tests

24. Rules of Simple Design
•Passes Tests
• Removes Duplication

25. Rules of Simple Design
•Passes Tests
• Removes Duplication
• Increases Clarity

26. Rules of Simple Design
•Passes Tests
• Removes Duplication
• Increases Clarity
• Is Small

27. Rules of Simple Design
• Removes Duplication
• Increases Clarity

28. Rules of Simple Design
• DRY
• Clear

29. “The main thing that
distinguishes legacy
code from non-legacy
code is tests, or
rather a lack of
tests.”
- Michael Feathers

30. Safety

32. Sense of Progress

35. Documentation

37. Living Documentation

38. Design

39. “The act of writing a
unit test is more an
act of design
than of verification”
- “Uncle” Bob Martin

41. RED
Your test should fail.

42. Write just enough code
to make it pass.

43. RED GREEN

45. Refactor to remove
duplication and
Improve clarity.

46. RED GREEN
REFACTOR

47. RED GREEN
REFACTOR

48. Write another test

49. closures

50. closures are expressions, usually functions, which
can work with variables set within a certian context

51. prototype

52. Writing Views Twice

53. Writing Views Twice
usernameDiv.text(tweet.username)

54. Writing Views Twice
usernameDiv.text(tweet.username)
<div id=”username”>
<%=Model.UserName%>
</div>

55. “The first rule of functions is that they should
be small. The second rule of functions is that
they should be smaller than that. “- Bob
Martin, Clean Code

60. • var

61. •var
• small functions

62. •var
• small functions
• isolate selectors/dom

63. •var
• small functions
• isolate selectors/dom
• beware closures

64. •var
• small functions
• isolate selectors/dom
• beware closures
• keep views dry

65. •var
• small functions
• isolate selectors/dom
• beware closures
• keep views dry
• test! (and ci)

67. Questions?
Len Smith
@ignu
http://iggy.nu
len.smith@live.com