Download to read offline
You Don't Know Javascript
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12. IT HAS A CALLSTACK AND EVENT LOOP A CALLBACK QUEUE & SOME OTHER APIS WHAT IS JAVASCRIPT 12
- 13.
- 14. WHAT IS JAVASCRIPT CALLSTACK main() console.log(sp eak()) speak() getsound() bow bow! OUTPUT CODE 14
- 15.
- 16.
- 17. YA ..I DON’T BELIEVEYOU.. SHOW PROOF! Vee r WHAT IS JAVASCRIPT 17
- 18.
- 19. “PASS BY REFERENCE / VALUE” Ofcourseits value..isn’t it 19
- 20. PASS BY REFERENCEOR VALUE REFERENCE / VALUE 20
- 21. PASS BY REFERENCEOR VALUE WHATS THE OUTPUT? 21
- 22. PASS BY REFERENCEOR VALUE WHATS THE OUTPUT? 22
- 23. PASS BY REFERENCEOR VALUE WHATS THE OUTPUT? 23
- 24. PASS BY REFERENCEOR VALUE BY VALUE STRING NUMBER BOOLEAN 24
- 25. PASS BY REFERENCEOR VALUE BY REFERENCE ARRAY OBJECT 25
- 26. PASS BY REFERENCEOR VALUE W TO PASS ARRAY BY VAL It’s a shallow copy Works only for generics i.e string etc, but not for array of object 26
- 27. PASS BY REFERENCEOR VALUE SHALLOW COPY 27
- 28. PASS BY REFERENCEOR VALUE W TO PASS OBJECT BY VAL 28
- 29. PASS BY REFERENCEOR VALUE W TO PASS OBJECT BY VAL Object.assign() is useful for merging objects or cloning them shallowly. 29
- 30.
- 31. THIS HE SAYS MYSELFHE REALLY MEAN 31
- 32. A VARIABLE WITH THEVALUE OF THE OBJECT THAT INVOKES THE FUNCTION THIS 32
- 33. THE VALUE OFTHIS IS BASED ON THE CONTEXT IN WHICH THE FUNCTION IS CALLED AT RUNTIME THIS 33
- 34.
- 35.
- 36.
- 37.
- 38. “CLOSURE” Love this songby chainsmokers ..Ehh? 38
- 39.
- 40. A LOCAL VARIABLE OFTHE FUNCTION - KEPT ALIVE AFTER THE FUNCTION IS RETURNED CLOSURE 40
- 41. THE RETURNED FUNCTION HAS ACCESSTO THE PARENT SCOPE EVEN IF THE PARENT FUNCTION HAS ENDED CLOSURE 41
- 42. GRRRRR…. NO CLOSURE TO THIS…:( Vee r CLOSURE 42
- 43.
- 44.
- 45. “PROTOTY PE” i won’t saya word ! 45
- 46. A PROTOTYPE ISA COLLECTION OF PROPERTIES AND METHODS THAT CAN BE AUTOMATICALLY ATTACHED TO A OBJECT WHEN CREATED PROTOTYPE 46
- 47. EVERY JAVASCRIPT FUNCTION HAS A PROTOTYPEPROPERTY PROTOTYPE 47
- 48.
- 49. GRRRRR…. NOT ABLE TO INHERIT…:( Vee r PROTOTYPE 49
- 50.
- 51. YOU CAN ADD PROPERTIESTO PROTOTYPE ANY TIME PROTOTYPE THE PROTOTYPE CHAIN WILL FIND THE NEW PROPERTY 51
- 52.
- 53. YOU CAN EXTEND NATIVEOBJECTS PROTOTYPE 53
- 54.
- 55.
- 56.
- 57. MODULE PATTERN IMMEDIATELY INVOKINGFUNCTION 57
- 58. MODULE PATTERN GLOBAL VARIABLEIMPORT 58
- 59.
- 60. MODULE PATTERN COMMONJS MODULE (NODEJS) Explicit dependencies Loads module synchronously 60
- 61.
- 62. MODULE PATTERN AMD YNCHRONOUS MODULEDEFINITION Explicit dependencies Loads module asynchronously 62
- 63.
- 64. “FUNCTIONS” Ahh! I knowthis Dont’t I? 64
- 65.
- 66. FUNCTIONS FUNCTION CONSTRUCTOR Can beused instead of eval. Jquery Uses to covert JSON String to Object 66
- 67. FUNCTIONS BIND When called, hasits ‘this’ keyword set to the provided value It explicitly lets you define the value of ‘this’ 67
- 68. FUNCTIONS CALL / APPLY call()method calls the function with a given this value and arguments provid apply() method calls the function with a given this value and an array of all a 68
- 69. FUNCTIONS DIFFERENCE BIND & CALL/APPLY Callaccepts additional parameters Call executes the function right away Call does not make a copy of the function it is being called on 69
- 70.
- 71.
- 72.
- 73. 73 WEB DEVELOPER WITH AJOB WEB DEVELOPER WITHOUT A JOB
- 74. 74 BIG CLAP FORPAKYA.. THANKS FOR BEING A SPORT BUS KARO YAARO OUR KITNI MAROGE
- 75. “EVAL” I Heard itsEvil.. 75
- 76. EVAL CHECK THIS FORMORE INFO Click 76
- 77.
- 78.
- 79. CLEAN CODE RETHINK LOOP Letsforget for loop 79
- 80.
- 81.
- 82.
- 83.
- 84. CLEAN CODE RETHINK LOOP- SUMMARY 84
- 85. CLEAN CODE RETHINK LOOP- TASKS Get people with gender male & scientist Sort by last name Get total count of male & female 85
- 86. CLEAN CODE RETHINK IF- TERNARY 86 condition ? expr1 : expr2 if else pattern
- 87. CLEAN CODE RETHINK IF- TERNARY 87 What about else if
- 88.
- 89. “DEBUG” Its not abug..its a feature 89
- 90.
- 91. DEBUG DD ALERT ATEACH LIN 91 HOW WILL YOU FIX IT
- 92.
- 93.
- 94.
- 95.
- 96. DEBUG 96 LETS GOTO CHROME DEVELOPER TOOLS
- 97.
- 98.
- 99.
- 100.
- 101.
- 102. CALLBACK HELL WHAT ISA PROMISE? A OBJECT THAT MAY PRODUCE A SINGLE VALUE IN THE FUTURE A PROMISE IS AN ASYNCHRONOUS VALUE 102
- 103. CALLBACK HELL PROMISE HAS 3STATES FULFILLED REJECTED PENDING 103
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111. ES6 ARROW FUNCTION 111 No needto specify function keyword Implicit return at last line Brings clarity & code reduction
- 112. ES6 TEMPLATE LITERALS 112 Use the tildesign to enclose the string No more + sign or “ for concatenation All scope variables can be accessed
- 113.
- 114.
- 115.
- 116.
- 117.
- 118. BACKBONEJS 120 WHAT IT IS? Providesclient side app structure It contains Models to represent data It contains Views to hook up Models to the DOM Synchronises data to/from server
- 119.
- 120. BACKBONEJS 122 MOD EL Application dataand business rules It also contains events which notifies any change in data Views are updated using these event notifications his gives you one source of truth, which is not the user interfac
- 121. BACKBONEJS 123 VIE W User interactswith View It observes any data change event in model It reads and edits Model
- 122. BACKBONEJS 124 ROU TER Everything afterthe hashtag is considered as router Manages application state like bookmarking a particular view Maps your URL to function
- 123.
- 124. BACKBONEJS 126 HTTP REQUEST/RESPONSE LIFECYCLEFOR SERVER- SIDE MVC
- 125. BACKBONEJS 127 MVC AS IMPLEMENTEDBY BACKBONEJS
- 126.
- 127.
- 128.
- 129.
- 130.