Primer
Makinde Adeagbo
makinde@facebook.co
m
200
200
200
200
5   seconds
2.5
Common Interactions


 1) User clicks

 2) Send an AsyncRequest

 3) Insert/Replace some
content
80/2
 0
AJAXIF
  Y
ZOMG...FORMS!
      !
form
rel=”dialog”
               form
rel=”async”




    rel=”dialog”
                   form
<label/>




           rel=”async”




               rel=”dialog”
                              form
<label/>



               <button>



           rel=”async”




               rel=”dialog”
                            ...
/**
 * Adding a single line to this file requires great internal reflection
 * and thought. You must ask yourself if your on...
Defense Wins
Championships
What Now?
2.5
Makinde Adeagbo
makinde@facebook.co
m
                      ?
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Javascript Primer
Upcoming SlideShare
Loading in...5
×

Javascript Primer

23,587

Published on

0 Comments
51 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
23,587
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
331
Comments
0
Likes
51
Embeds 0
No embeds

No notes for slide

  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave






































  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave






  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave
























  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave


  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave




  • NOTE:
    This begins the &amp;#x2018;addenda&amp;#x2019; piece. If your audience just wants to hear tech, stay there. If these are college students you feel are really into learning more about other tech projects, dive right in.






    This section essentially maps their interests (math, compilers, operating systems, design, etc.) to projects we do at FB.






    Facebook requires a giant infrastructure but also has a diverse array of components. The cool thing is that for every class you&amp;#x2019;re into, we have the opportunity to dive into that field, right at the forefront.






    -- dave

  • Javascript Primer

    1. 1. Primer Makinde Adeagbo makinde@facebook.co m
    2. 2. 200
    3. 3. 200
    4. 4. 200
    5. 5. 200
    6. 6. 5 seconds
    7. 7. 2.5
    8. 8. Common Interactions 1) User clicks 2) Send an AsyncRequest 3) Insert/Replace some content
    9. 9. 80/2 0
    10. 10. AJAXIF Y
    11. 11. ZOMG...FORMS! !
    12. 12. form
    13. 13. rel=”dialog” form
    14. 14. rel=”async” rel=”dialog” form
    15. 15. <label/> rel=”async” rel=”dialog” form
    16. 16. <label/> <button> rel=”async” rel=”dialog” form
    17. 17. /** * Adding a single line to this file requires great internal reflection * and thought. You must ask yourself if your one line addition is so * important, so critical to the success of the company, that it warrants * a slowdown for every user on every page load. Adding a single letter * here could cost thousands of man hours around the world. * * That is all. */
    18. 18. Defense Wins Championships
    19. 19. What Now?
    20. 20. 2.5
    21. 21. Makinde Adeagbo makinde@facebook.co m ?
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×