1. javascript
bootcamp
by amy hoy, www.slash7.com

2. Javascript is a real
boy language

3. avascript 1.3 Javasc
J
1.2
ript
t
1.4
rip
5
99
asc
1.1
.1
Jav
est
t
rip
ECMAScript, edition 1
asc
Jav
est. 1997

4. 1.5
t Javascript 1.6
rip
sc
va
Ja
far
so
nly
o
fox
fire
ECMAScript, edition 3
est. 1999

5. Follow Along
www.squarefree.com/shell/shell.html

6. Syntax & Style

7. whirlwind tour

8. look ma, no primitives!

9. data types are fun!
* Number * null
* String * undefined
* Boolean * RegExp

10. creating numbers

11. yes, they’re all numbers

12. creating strings
creatin’ em

13. creating regexps

14. booleans - dead simple

15. null and undefined are special

16. doin’ stuff with basic types

17. creating arrays

18. this deserves repeating

19. creating simple functions

20. creating simple objects

21. this deserves repeating

22. if... or else!

23. gonna have to make a switch()

24. while()

25. do..while() while() while()

26. for(), our old friend

27. for..in(), a new trick!

28. strings

29. strings act like arrays

30. concatenation & auto type conversion

31. breakin’ up is not hard to do

32. the great escape. and unescape.

33. RegExps

34. a bit more on regexps

35. functions

36. closures & callbacks

37. function handles

38. the arguments object

39. objects

40. JavaScript Object Notation (JSON)

41. using a JSON object

42. turning strings into code (more JSON!)

43. don’t forget your commas

44. creating an object constructor

45. creating a better object constructor

46. Javascript has a prototype-
based inheritance model

47. using prototype to extend objects

48. creating an object hierarchy
SweetLiquid
Molasses Soda KoolAid

49. creating the parent object

50. creating the children

51. creating the relationship

52. mucking about with your new objects

53. further extending objects

54. extending specific instances

55. exceptions

56. try..catch

57. fancier try..catch

58. throwing custom exceptions

59. throwing custom exceptions

60. throwing custom exception objects

61. catching custom exceptions

62. the browser

63. “Javascript”
ECMAScript W3C DOM
Document Object Model
the split-personality language

64. Javascript the language is
mostly compatible
the DOM is the problem area
IE is the problem, but not as bad as
you’d think

65. Don’t hate the
language, hate the
runtime
environment

66. the DOM

68. document
head body
div#sidebar div#main
div.block div.block div.block
p
textNode
b
textNode

69. window
document
head body
div#sidebar div#main
div.block div.block div.block
p
textNode
b
textNode

71. iterating through the DOM tree

72. DOM element attributes

73. DOM element attributes

74. DOM element attributes

75. DOM element attributes

76. DOM element attributes & methods

77. DOM element attributes & methods

78. DOM element attributes & methods

79. node.childNodes

80. node.innerHTML

81. finding DOM elements by id

82. finding DOM elements by tagName

83. creating new DOM nodes

85. embedding javascript

86. Prototype

95. Development
& Debugging

96. FireFox
your long-term best bud

97. FireBug
your new soulmate

98. inspecting DOM elements: source

99. inspecting DOM elements: style

100. inspecting DOM elements: live events

101. console: errors and filtering things to show

102. console: logging / inspecting AJAX requests

103. console: logging / inspecting AJAX requests

104. the step-thru debugger: new in FireBug .4

105. breakpoints
step-through debugging
flexible console logging
built-in profiling & testing functionality
live DOM inspector / editor
the ability to send email

106. Javascript Shell
no snazzy logo
www.squarefree.com/shell/shell.html

107. Other Tools & Libraries
JSUnit MochiKit
jQuery moo.ajax
moo.fx
TrimPath
Behavior & event:Selectors
Scriptaculous (fx)
moo.fx

108. Links for You
http://www.slash7.com/
look for the list of presentations under the
“Goodies” sidebar