Advertisement
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript
You Don't Know Javascript

Check these out next

Your code are my tests
Your code are my tests
Michelangelo van Dam
Dear JavaScript... - Alessandro Cinelli - Codemotion Amsterdam 2018
Dear JavaScript... - Alessandro Cinelli - Codemotion Amsterdam 2018
Codemotion
Kafka Summit SF 2017 - Running Streaming Apps on Docker
Kafka Summit SF 2017 - Running Streaming Apps on Docker
confluent
PHPcon Poland - Static Analysis of PHP Code – How the Heck did I write so man...
PHPcon Poland - Static Analysis of PHP Code – How the Heck did I write so man...
Rouven Weßling
Questioning the status quo
Questioning the status quo
Ivano Pagano
New Ideas for Old Code - Greach
New Ideas for Old Code - Greach
HamletDRC
JS Frameworks Day April,26 of 2014
JS Frameworks Day April,26 of 2014
DA-14
Js fwdays unit tesing javascript(by Anna Khabibullina)
Js fwdays unit tesing javascript(by Anna Khabibullina)
Anna Khabibullina
1 of 130

You Don't Know Javascript

Mar. 20, 2023••
Download to read offline
Software

JavaScript- with humors twist. Your basic javscript knowledge will be refreshed or corrected. Please share your comments on this presentation. Also let me know if you would like to see more presentations like this.

Vikas Prabhu
Product Manager
Advertisement
Advertisement
Advertisement

Recommended

Bringing choas to order in your node.js appBringing choas to order in your node.js app
Bringing choas to order in your node.js appDan Jenkins2.9K views•54 slides
COG Back to the Future, Part IICOG Back to the Future, Part II
COG Back to the Future, Part IIESUG587 views•45 slides
It's the end of design patterns as we know it (and i feel fine)It's the end of design patterns as we know it (and i feel fine)
It's the end of design patterns as we know it (and i feel fine)Luiz Borba3.5K views•101 slides
DEF CON 23 - COLIN O'FLYNN - dont whisper my chipsDEF CON 23 - COLIN O'FLYNN - dont whisper my chips
DEF CON 23 - COLIN O'FLYNN - dont whisper my chipsFelipe Prado43 views•83 slides
Software to the slaughterSoftware to the slaughter
Software to the slaughterQuinn Wilton1K views•35 slides
What Can Reverse Engineering Do For You?What Can Reverse Engineering Do For You?
What Can Reverse Engineering Do For You?Amanda Rousseau9.9K views•48 slides

More Related Content

Similar to You Don't Know Javascript(20)

Your code are my testsYour code are my tests
Your code are my tests
Michelangelo van Dam•2.6K views
Dear JavaScript... - Alessandro Cinelli - Codemotion Amsterdam 2018Dear JavaScript... - Alessandro Cinelli - Codemotion Amsterdam 2018
Dear JavaScript... - Alessandro Cinelli - Codemotion Amsterdam 2018
Codemotion•276 views
Kafka Summit SF 2017 - Running Streaming Apps on DockerKafka Summit SF 2017 - Running Streaming Apps on Docker
Kafka Summit SF 2017 - Running Streaming Apps on Docker
confluent•1.3K views
PHPcon Poland - Static Analysis of PHP Code – How the Heck did I write so man...PHPcon Poland - Static Analysis of PHP Code – How the Heck did I write so man...
PHPcon Poland - Static Analysis of PHP Code – How the Heck did I write so man...
Rouven Weßling•721 views
Questioning the status quoQuestioning the status quo
Questioning the status quo
Ivano Pagano•2.2K views
New Ideas for Old Code - GreachNew Ideas for Old Code - Greach
New Ideas for Old Code - Greach
HamletDRC•1.1K views
JS Frameworks Day April,26 of 2014JS Frameworks Day April,26 of 2014
JS Frameworks Day April,26 of 2014
DA-14•453 views
Js fwdays unit tesing javascript(by Anna Khabibullina)Js fwdays unit tesing javascript(by Anna Khabibullina)
Js fwdays unit tesing javascript(by Anna Khabibullina)
Anna Khabibullina•2K views
Solving Nonograms In ParallelSolving Nonograms In Parallel
Solving Nonograms In Parallel
家郡 葉•559 views
Async await...oh wait!Async await...oh wait!
Async await...oh wait!
Thomas Pierrain•5.9K views
CppCat Checks OpenMW: Not All is Fine in the Morrowind UniverseCppCat Checks OpenMW: Not All is Fine in the Morrowind Universe
CppCat Checks OpenMW: Not All is Fine in the Morrowind Universe
Andrey Karpov•364 views
Ruby Topic Maps Tutorial (2007-10-10)Ruby Topic Maps Tutorial (2007-10-10)
Ruby Topic Maps Tutorial (2007-10-10)
Benjamin Bock•586 views
Linux shell scripting tutorialLinux shell scripting tutorial
Linux shell scripting tutorial
samsami1971•3.3K views
Return oriented programmingReturn oriented programming
Return oriented programming
hybr1s•2.6K views
Java Performance MythBustersJava Performance MythBusters
Java Performance MythBusters
Sebastian Zarnekow•5.5K views
"Applied Enterprise Metaprogramming in JavaScript", Vladyslav Dukhin"Applied Enterprise Metaprogramming in JavaScript", Vladyslav Dukhin
"Applied Enterprise Metaprogramming in JavaScript", Vladyslav Dukhin
Fwdays•81 views
Lessons learned using Machine Learning in JavaLessons learned using Machine Learning in Java
Lessons learned using Machine Learning in Java
Jago de Vreede•13 views
groovy & grails - lecture 7groovy & grails - lecture 7
groovy & grails - lecture 7
Alexandre Masselot•571 views
02 - Prepcode02 - Prepcode
02 - Prepcode
thewhiteafrican•257 views
Writing Metasploit PluginsWriting Metasploit Plugins
Writing Metasploit Plugins
amiable_indian•15.5K views

Recently uploaded(20)

Dare to Lead: Brave Work. Tough Conversations. Whole Hearts.Dare to Lead: Brave Work. Tough Conversations. Whole Hearts.
Dare to Lead: Brave Work. Tough Conversations. Whole Hearts.
denisehawkins7•0 views
Tuesdays with Morrie: An Old Man, a Young Man, and Life's Greatest LessonTuesdays with Morrie: An Old Man, a Young Man, and Life's Greatest Lesson
Tuesdays with Morrie: An Old Man, a Young Man, and Life's Greatest Lesson
denisehawkins7•0 views
Micro Services.pdfMicro Services.pdf
Micro Services.pdf
ELHEITMohamedWassim•0 views
Sapiens: A Brief History of HumankindSapiens: A Brief History of Humankind
Sapiens: A Brief History of Humankind
denisehawkins7•0 views
The Hawthorne Legacy (The Inheritance Games, #2)The Hawthorne Legacy (The Inheritance Games, #2)
The Hawthorne Legacy (The Inheritance Games, #2)
megedwards5•0 views
Disney Dreams Collection Thomas Kinkade Studios Disney Princess Coloring BookDisney Dreams Collection Thomas Kinkade Studios Disney Princess Coloring Book
Disney Dreams Collection Thomas Kinkade Studios Disney Princess Coloring Book
samuelburbank1•0 views
Letters From Father Christmas, Centenary EditionLetters From Father Christmas, Centenary Edition
Letters From Father Christmas, Centenary Edition
megedwards5•0 views
Viral: The Search for the Origin of COVID-19Viral: The Search for the Origin of COVID-19
Viral: The Search for the Origin of COVID-19
denisehawkins7•0 views
UntamedUntamed
Untamed
megedwards5•0 views
CLOUD_COMPUTING_AWS_TRAINING.pptxCLOUD_COMPUTING_AWS_TRAINING.pptx
CLOUD_COMPUTING_AWS_TRAINING.pptx
MohammadSamiuddin10•0 views
Conversational AI Management Simplified: Introducing E.D.D.I with QuarkusConversational AI Management Simplified: Introducing E.D.D.I with Quarkus
Conversational AI Management Simplified: Introducing E.D.D.I with Quarkus
Gregor Jarisch•0 views
Orion Context Broker 20230606Orion Context Broker 20230606
Orion Context Broker 20230606
Fermin Galan•0 views
Sakha - Corporate ProfileSakha - Corporate Profile
Sakha - Corporate Profile
Sakha Global•0 views
Production-ready GraphQL with CalibanProduction-ready GraphQL with Caliban
Production-ready GraphQL with Caliban
Pierre Ricadat•0 views
It Consulting & Services - Black Basil TechnologiesIt Consulting & Services - Black Basil Technologies
It Consulting & Services - Black Basil Technologies
Black Basil Technologies•0 views
Normal PeopleNormal People
Normal People
megedwards5•0 views
Top 10 Unblocked Games by Ben.pptxTop 10 Unblocked Games by Ben.pptx
Top 10 Unblocked Games by Ben.pptx
Ali Raza•0 views
In the Weeds: Around the World and Behind the Scenes with Anthony BourdainIn the Weeds: Around the World and Behind the Scenes with Anthony Bourdain
In the Weeds: Around the World and Behind the Scenes with Anthony Bourdain
denisehawkins7•0 views
Object Oriented ProgrammingObject Oriented Programming
Object Oriented Programming
Muhammad Jahanzaib•0 views
Station ElevenStation Eleven
Station Eleven
megedwards5•0 views
Advertisement

You Don't Know Javascript

  1. JAVASCRIP YOU DON’T KNOW 1
  2. 2 Nothing here
  3. 3
  4. HMMM… WHO ADDED THIS SLIDE… VEEEEEERRRR!! 4
  5. SORRY … PLEASE CONTINUE… VEER SORRY 5
  6. 6 HISTORY
  7. 7
  8. 8
  9. “WHATS IS JAVASCRIPT?” aaaa…hmmm..haa a… 9
  10. A SINGLE-THREADED NON-BLOCKING ASYNCHRONOUS CONCURRENT LANGUAGE WHAT IS JAVASCRIPT 10
  11. WHAT IS JAVASCRIPT 11
  12. IT HAS A CALL STACK AND EVENT LOOP A CALLBACK QUEUE & SOME OTHER APIS WHAT IS JAVASCRIPT 12
  13. WHAT IS JAVASCRIPT 13
  14. WHAT IS JAVASCRIPT CALL STACK main() console.log(sp eak()) speak() getsound() bow bow! OUTPUT CODE 14
  15. WHAT IS JAVASCRIPT 15
  16. WHAT IS JAVASCRIPT 16
  17. YA ..I DON’T BELIEVE YOU.. SHOW PROOF! Vee r WHAT IS JAVASCRIPT 17
  18. WHAT IS JAVASCRIPT OK! 18
  19. “PASS BY REFERENCE / VALUE” Ofcourse its value..isn’t it 19
  20. PASS BY REFERENCE OR VALUE REFERENCE / VALUE 20
  21. PASS BY REFERENCE OR VALUE WHATS THE OUTPUT? 21
  22. PASS BY REFERENCE OR VALUE WHATS THE OUTPUT? 22
  23. PASS BY REFERENCE OR VALUE WHATS THE OUTPUT? 23
  24. PASS BY REFERENCE OR VALUE BY VALUE STRING NUMBER BOOLEAN 24
  25. PASS BY REFERENCE OR VALUE BY REFERENCE ARRAY OBJECT 25
  26. PASS BY REFERENCE OR 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 REFERENCE OR VALUE SHALLOW COPY 27
  28. PASS BY REFERENCE OR VALUE W TO PASS OBJECT BY VAL 28
  29. PASS BY REFERENCE OR VALUE W TO PASS OBJECT BY VAL Object.assign() is useful for merging objects or cloning them shallowly. 29
  30. “THIS” WTF is this? 30
  31. THIS HE SAYS MYSELF HE REALLY MEAN 31
  32. A VARIABLE WITH THE VALUE OF THE OBJECT THAT INVOKES THE FUNCTION THIS 32
  33. THE VALUE OF THIS IS BASED ON THE CONTEXT IN WHICH THE FUNCTION IS CALLED AT RUNTIME THIS 33
  34. GRRRRR….STILL NOT GETTING IT… :( Vee r THIS 34
  35. THIS WHATS THE OUTPUT? 35
  36. THIS WHATS THE OUTPUT? 36
  37. THIS 37
  38. “CLOSURE” Love this song by chainsmokers ..Ehh? 38
  39. CLOSURE 39
  40. A LOCAL VARIABLE OF THE FUNCTION - KEPT ALIVE AFTER THE FUNCTION IS RETURNED CLOSURE 40
  41. THE RETURNED FUNCTION HAS ACCESS TO THE PARENT SCOPE EVEN IF THE PARENT FUNCTION HAS ENDED CLOSURE 41
  42. GRRRRR…. NO CLOSURE TO THIS… :( Vee r CLOSURE 42
  43. CLOSURE WHATS THE OUTPUT? 43
  44. CLOSURE WHATS THE OUTPUT? 44
  45. “PROTOTY PE” i won’t say a word ! 45
  46. A PROTOTYPE IS A COLLECTION OF PROPERTIES AND METHODS THAT CAN BE AUTOMATICALLY ATTACHED TO A OBJECT WHEN CREATED PROTOTYPE 46
  47. EVERY JAVASCRIPT FUNCTION HAS A PROTOTYPE PROPERTY PROTOTYPE 47
  48. PRIMARILY USED FOR INHERITANCE PROTOTYPE 48
  49. GRRRRR…. NOT ABLE TO INHERIT… :( Vee r PROTOTYPE 49
  50. PROTOTYPE WHATS THE OUTPUT? 50
  51. YOU CAN ADD PROPERTIES TO PROTOTYPE ANY TIME PROTOTYPE THE PROTOTYPE CHAIN WILL FIND THE NEW PROPERTY 51
  52. PROTOTYPE WHATS THE OUTPUT? 52
  53. YOU CAN EXTEND NATIVE OBJECTS PROTOTYPE 53
  54. PROTOTYPE 54
  55. “MODULE PATTERN” PATTERNS IN JAVASCRIPT ..SERIOUSLY? 55
  56. MAINTAINABILITY NAMESPACING REUSABILITY MODULE PATTERN 56
  57. MODULE PATTERN IMMEDIATELY INVOKING FUNCTION 57
  58. MODULE PATTERN GLOBAL VARIABLE IMPORT 58
  59. MODULE PATTERN OBJECT INTERFACE 59
  60. MODULE PATTERN COMMONJS MODULE (NODE JS) Explicit dependencies Loads module synchronously 60
  61. MODULE PATTERN 61
  62. MODULE PATTERN AMD YNCHRONOUS MODULE DEFINITION Explicit dependencies Loads module asynchronously 62
  63. WAKE HIM UP! 63
  64. “FUNCTIONS” Ahh! I know this Dont’t I? 64
  65. FUNCTIONS FUNCTION CONSTRUCTOR 65
  66. FUNCTIONS FUNCTION CONSTRUCTOR Can be used instead of eval. Jquery Uses to covert JSON String to Object 66
  67. FUNCTIONS BIND When called, has its ‘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 Call accepts additional parameters Call executes the function right away Call does not make a copy of the function it is being called on 69
  70. 70
  71. LETS TAKE A BREAK! Vika s FUNCTIONS 71
  72. 72
  73. 73 WEB DEVELOPER WITH A JOB WEB DEVELOPER WITHOUT A JOB
  74. 74 BIG CLAP FOR PAKYA.. THANKS FOR BEING A SPORT BUS KARO YAARO OUR KITNI MAROGE
  75. “EVAL” I Heard its Evil.. 75
  76. EVAL CHECK THIS FOR MORE INFO Click 76
  77. “CLEAN CODE” Swach Code Abhiyaan :P 77
  78. CLEAN CODE 78
  79. CLEAN CODE RETHINK LOOP Lets forget for loop 79
  80. CLEAN CODE RETHINK LOOP-FILTER 80
  81. CLEAN CODE RETHINK LOOP-MAP 81
  82. CLEAN CODE RETHINK LOOP-SORT 82
  83. CLEAN CODE RETHINK LOOP-REDUCE 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. CLEAN CODE RETHINK SWITCH 88
  89. “DEBUG” Its not a bug..its a feature 89
  90. DEBUG 90
  91. DEBUG DD ALERT AT EACH LIN 91 HOW WILL YOU FIX IT
  92. DEBUG 92
  93. DEBUG 93
  94. DEBUG 94
  95. DEBUG 95
  96. DEBUG 96 LETS GO TO CHROME DEVELOPER TOOLS
  97. “CALLBACK HELL” Ohhhhh! 97
  98. CALLBACK HELL 98
  99. CALLBACK HELL 99
  100. CALLBACK HELL 100
  101. CALLBACK HELL 101
  102. CALLBACK HELL WHAT IS A PROMISE? A OBJECT THAT MAY PRODUCE A SINGLE VALUE IN THE FUTURE A PROMISE IS AN ASYNCHRONOUS VALUE 102
  103. CALLBACK HELL PROMISE HAS 3 STATES FULFILLED REJECTED PENDING 103
  104. CALLBACK HELL 104
  105. CALLBACK HELL CREATE PROMISE 105
  106. CALLBACK HELL CALL PROMISE 106
  107. CALLBACK HELL PROMISE CHAINING 107
  108. CALLBACK HELL MULTIPLE PROMISE 108
  109. CALLBACK HELL ASYNC AWAIT 109
  110. “ES6” WOW! 110
  111. ES6 ARROW FUNCTION 111 No need to specify function keyword Implicit return at last line Brings clarity & code reduction
  112. ES6 TEMPLATE LITERALS 112 Use the tilde sign to enclose the string No more + sign or “ for concatenation All scope variables can be accessed
  113. ES6 SPREAD OPERATOR 113
  114. ES6 MANIPULATING OBJECTS 114
  115. ES6 MODULES 115
  116. “BACKBONE JS” 118
  117. BACKBONEJS 119
  118. BACKBONEJS 120 WHAT IT IS? Provides client 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. BACKBONEJS 121 IT’S A MV* FRAMEWORK MODEL,VI EW & *
  120. BACKBONEJS 122 MOD EL Application data and 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 interacts with View It observes any data change event in model It reads and edits Model
  122. BACKBONEJS 124 ROU TER Everything after the hashtag is considered as router Manages application state like bookmarking a particular view Maps your URL to function
  123. BACKBONEJS 125
  124. BACKBONEJS 126 HTTP REQUEST/RESPONSE LIFECYCLE FOR SERVER- SIDE MVC
  125. BACKBONEJS 127 MVC AS IMPLEMENTED BY BACKBONEJS
  126. BACKBONEJS 128 DEPENDE NCIES JQUERY & UNDERSCORE
  127. BACKBONEJS 129
  128. BACKBONEJS 130
  129. 131
  130. 132
Advertisement