JavaScript: enter the dragon
10 likes4,481 views
This document discusses the importance of JavaScript and provides tips for improving JavaScript skills. It covers 6 essential topics: 1) types and type coercion, 2) operators, 3) objects and primitives, 4) functions and constructors, 5) closures, and 6) prototypes. The document emphasizes that there are no shortcuts to mastering JavaScript and encourages overcoming excuses to improve programming abilities.
![5 - "4"
5 + "4"
+!{}[true]
+[1]
+[1, 2]
7 - "a"
7 / 0
…](https://image.slidesharecdn.com/enterthedragon-120612112632-phpapp01/85/JavaScript-enter-the-dragon-27-320.jpg)
JavaScript: enter the dragon
- 1. JavaScript
- 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
- 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"
- 32. var a = "string"; alert(a.length); a.t = 3; alert(a.t);
- 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…
- 50. Nobody knows what to do
- 53. Different goals demand different approaches
- 54. Form always follows the function
- 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