1. JavaScript

2. JavaScript
Enter the Dragon

4. Most misunderstood language

5. You have no choice

6. …but you have plenty of options

7. JavaScript

8. JavaScript human body

9. “If you have a body, you are an athlete”
Bill Bowerman, co-founder of Nike.

10. If you code for the Web,
you are a JavaScript Developer

11. Control

13. Why you “unfit”?

14. Why your JavaScript sucks?

17. “This is not important”
“I don’t need it any more, it’s XXI century”
“I am good enough!”
“It’s way too complicated”
“I don’t have time for this”

18. Kyle Maynard — MMA fighter

19. Kyle Maynard — MMA fighter

20. Kyle Maynard — MMA fighter
Excuses… Let’s hear yours again

21. There are no shortcuts

22. “Those who are unaware
they are walking in darkness
will never seek the light.”
Bruce Lee

23. Six essential bits

24. Six pack

25. 1
Types & type coercion

26. object
number
string
boolean
null
undefined

27. 5 - "4"
5 + "4"
+!{}[true]
+[1]
+[1, 2]
7 - "a"
7 / 0
…

28. 2 Operators,
especially “+” & “==”

29. 5 + "4"
5 + null
4 == "4.00"
null == undefined
0 == false
0 == null
null == false

30. typeof null == "object"
typeof function () {} == "function"

31. 3
Objects & primitives

32. var a = "string";
alert(a.length);
a.t = 3;
alert(a.t);

33. 4
Functions & constructors

34. function f() {};
var a = f
,
b = f(),
c = new f ,
d = f(f);

35. 5
Closures

36. function add(a) {
return function (b) {
return a + b;
};
}
add(3)(4) == 7

37. 6
Prototype

38. Prototypes in JavaScript
in 5 minutes

39. function f() {};
f P

40. function f() {};
f.prototype.x = 3; f P x: 3

41. function f() {};
f.prototype.x = 3; f P x: 3
var a = new f;
a

42. function f() {};
f.prototype.x = 3; f P x: 3
var a = new f;
a.x = 2;
a.y = 1; a
x: 2
y: 1

43. function f() {};
f.prototype.x = 3; f P x: 3
var a = new f;
a.x = 2;
a.y = 1; a b
var b = new f; x: 2
y: 1

44. function f() {};
f.prototype.x = 3; z: 0 P2 f P x: 3
var a = new f;
a.x = 2;
a.y = 1; a b
var b = new f; x: 2
f.prototype = {z: 0}; y: 1

45. function f() {};
f.prototype.x = 3; z: 0 P2 f P x: 3
var a = new f;
a.x = 2;
a.y = 1; c a b
var b = new f; x: 2
f.prototype = {z: 0}; y: 1
var c = new f;

46. function f() {};
f.prototype.x = 3; z: 0 P2 f P x: 3
var a = new f;
a.x = 2;
a.y = 1; c a b
var b = new f; x: 2
f.prototype = {z: 0}; y: 1
var c = new f;
b.constructor == f
c.constructor == Object

47. I didn’t get it…

48. Function.constructor == Function

50. Nobody knows what to do

52. http://www.udel.edu/anthro/neitzel/supplemental%20sportsS09.htm

53. Different goals
demand different approaches

54. Form always follows the function

55. http://www.flickr.com/photos/sgroi/3228398172/

56. http://en.wikipedia.org/wiki/Hercules_of_the_Forum_Boarium

58. http://www.flickr.com/photos/stebbz/2451346427/

61. Thank You

62. “A wise man can learn more from
a foolish question
than a fool can learn from
a wise answer.”
Bruce Lee

63. “If you spend too much time
thinking about a thing,
you’ll never get it done.”
Bruce Lee