A Year of Learning (and Teaching) JavaScript Deeply

De0a01122ca4a619004332ab04431b7b?s=47 Zac Gordon
November 19, 2016

A Year of Learning (and Teaching) JavaScript Deeply

WordCamp Baltimore 2016

De0a01122ca4a619004332ab04431b7b?s=128

Zac Gordon

November 19, 2016
Tweet

Transcript

  1. @zgordon && @jsforwp A Year of Learning (and Teaching) JavaScript

    Deeply WordCamp Baltimore
  2. @zgordon && @jsforwp Hi! I’m Zac! @zgordon WordCamp Baltimore

  3. @zgordon && @jsforwp WordPress Teacher from Treehouse WordCamp Baltimore

  4. @zgordon && @jsforwp JavaScript for WordPress Master Course WordCamp Baltimore

  5. @zgordon && @jsforwp A Year of Learning (and Teaching) JavaScript

    Deeply WordCamp Baltimore
  6. @zgordon && @jsforwp WordCamp Baltimore Thanksgiving 2015

  7. @zgordon && @jsforwp WordCamp Baltimore

  8. @zgordon && @jsforwp WordCamp Baltimore

  9. @zgordon && @jsforwp WordCamp Baltimore

  10. @zgordon && @jsforwp WordCamp Baltimore

  11. @zgordon && @jsforwp WordCamp Baltimore

  12. @zgordon && @jsforwp WordCamp Baltimore What Does it Mean? “Learn

    JavaScript, Deeply”
  13. @zgordon && @jsforwp WordCamp Baltimore Learning Objectives “Learn JavaScript, Deeply”

  14. @zgordon && @jsforwp WordCamp Baltimore How to Assess?? “Learn JavaScript,

    Deeply”
  15. @zgordon && @jsforwp WordCamp Baltimore Content??? “Learn JavaScript, Deeply”

  16. To Do #1 • Begin Master Outline • Get List

    of Advisors • Fill in Gaps in My Knowledge • Start Building Projects • Search for JavaScript Basics Course • Chapter Number or Section Name Here WordCamp Baltimore @zgordon && @jsforwp
  17. @zgordon && @jsforwp WordCamp Baltimore December 2015

  18. @zgordon && @jsforwp WordCamp Baltimore Site Pros Cons Easy, Interactive

    and Free Very Basic Light on Concepts
  19. @zgordon && @jsforwp WordCamp Baltimore Site Pros Cons Easy, Interactive

    and Free Very Basic Light on Concepts Quite Technical Some Free Lacking Some Content Scattered Learning Path
  20. @zgordon && @jsforwp WordCamp Baltimore Site Pros Cons Easy, Interactive

    and Free Very Basic Light on Concepts Quite Technical Some Free Lacking Some Content Scattered Learning Path So Much Content Live Lecture Style Not Free So Much Content
  21. @zgordon && @jsforwp WordCamp Baltimore Site Pros Cons Easy, Interactive

    and Free Very Basic Light on Concepts Quite Technical Some Free Lacking Some Content Scattered Learning Path So Much Content Live Lecture Style Not Free So Much Content Large Marketplace Range of Topics Quality Varies Couldn’t Find One
  22. @zgordon && @jsforwp WordCamp Baltimore Site Pros Cons Easy, Interactive

    and Free Very Basic Light on Concepts Quite Technical Some Free Lacking Some Content Scattered Learning Path So Much Content Live Lecture Style Not Free So Much Content Large Marketplace Range of Topics Quality Varies Couldn’t Find One
  23. @zgordon && @jsforwp WordCamp Baltimore I Need to Teach The

    Basics “Learn JavaScript, Deeply”
  24. JavaScript Basics • History/Context • The Language • The DOM

    • Events • JSON • Local Storage • Chapter Number or Section Name Here WordCamp Baltimore @zgordon && @jsforwp • Asynchronous JS • Object Oriented JavaScript • “Interview Questions” • ES6, ESNext • Development Tools • Projects
  25. WordCamp Baltimore JavaScript started as an assignment to port Java

    to the web. History @zgordon && @jsforwp
  26. WordCamp Baltimore JavaScript started as an assignment a refusal to

    port Java to the web. History @zgordon && @jsforwp
  27. WordCamp Baltimore Everything in JavaScript is an Object The Language

    @zgordon && @jsforwp
  28. WordCamp Baltimore The DOM is actually an API. The DOM

    @zgordon && @jsforwp
  29. WordCamp Baltimore Events propagate from the Top of the DOM

    Down to the Target and Bubble back up Events @zgordon && @jsforwp
  30. WordCamp Baltimore JSON.parse() coverts JSON into Native JavaScript Objects JSON

    @zgordon && @jsforwp
  31. WordCamp Baltimore Local Storage only supports strings Hence JSON.stringify() Local

    Storage @zgordon && @jsforwp
  32. WordCamp Baltimore Look for async and await in a Coming

    version of JavaScript Asynchronous JavaScript @zgordon && @jsforwp
  33. WordCamp Baltimore Object.assign() favors Composition Over “Class” Inheritance OO JS

    @zgordon && @jsforwp
  34. WordCamp Baltimore Closures are nested functions that Remember the values

    of variables The Interview Questions @zgordon && @jsforwp
  35. WordCamp Baltimore Yearly JS release cycle ES6 is so 2015

    ES6, ESNext @zgordon && @jsforwp
  36. WordCamp Baltimore Fluidity with tools is As important as fluency

    Dev Tools @zgordon && @jsforwp
  37. WordCamp Baltimore You don’t really know it Until you build

    something Projects @zgordon && @jsforwp
  38. JavaScript Basics • History/Context • The Language • The DOM

    • Events • JSON • Local Storage • Chapter Number or Section Name Here WordCamp Baltimore @zgordon && @jsforwp • Asynchronous JS • Object Oriented JavaScript • “Interview Questions” • ES6, ESNext • Development Tools • Projects
  39. @zgordon && @jsforwp WordCamp Baltimore

  40. @zgordon && @jsforwp WordCamp Baltimore You Don’t Know JS By

    Kyle Simpson FREE
  41. @zgordon && @jsforwp WordCamp Baltimore January 2016

  42. @zgordon && @jsforwp WordCamp Baltimore Beyond Basics “Learn JavaScript, Deeply”

  43. @zgordon && @jsforwp WordCamp Baltimore Libraries & Frameworks “Learn JavaScript,

    Deeply”
  44. @zgordon && @jsforwp WordCamp Baltimore

  45. @zgordon && @jsforwp WordCamp Baltimore

  46. @zgordon && @jsforwp WordCamp Baltimore

  47. @zgordon && @jsforwp WordCamp Baltimore Architecture, Performance, Security & Scale

    “Learn JavaScript, Deeply”
  48. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 A ”Learning JavaScript Deeply” Learning Curve
  49. @zgordon && @jsforwp WordCamp Baltimore 1-3 Years to Learn JS

    Deeply “Learn JavaScript, Deeply”
  50. @zgordon && @jsforwp WordCamp Baltimore Feb/March 2016

  51. @zgordon && @jsforwp WordCamp Baltimore I know it but I

    haven’t done it yet and I’m stressed
  52. @zgordon && @jsforwp WordCamp Baltimore LEARN DIGEST PRACTICE REVIEW REPEAT

  53. @zgordon && @jsforwp WordCamp Baltimore EARN DIGEST PRACTICE REVIEW REPEAT

    LEARN DIGEST PRACTICE REVIEW
  54. WordCamp Baltimore You don’t have to rush To learn JavaScript

    deeply @zgordon && @jsforwp
  55. WordCamp Baltimore 1-3 hours per week with occasional binges @zgordon

    && @jsforwp
  56. WordCamp Baltimore Learning JavaScript deeply is not a short-term effort

    @zgordon && @jsforwp
  57. WordCamp Baltimore You don’t have to rush @zgordon && @jsforwp

  58. @zgordon && @jsforwp WordCamp Baltimore April-May 2016

  59. @zgordon && @jsforwp WordCamp Baltimore June, July, August, Sept, Nov,

    Dec…
  60. @zgordon && @jsforwp WordCamp Baltimore

  61. @zgordon && @jsforwp WordCamp Baltimore Learn JavaScript Bootcamp Style

  62. @zgordon && @jsforwp WordCamp Baltimore JS Bootcamps

  63. @zgordon && @jsforwp WordCamp Baltimore Pros Cons In Depth, In

    Person, Current, Job Connects Expensive, Overwhelming, Time Consuming, Not WP
  64. @zgordon && @jsforwp WordCamp Baltimore LEARN DIGEST PRACTICE REVIEW REPEAT

    LEARN DIGEST PRACT
  65. LEARN DIGEST PRACTICE REVIEW REPEAT LEARN DIGEST PRACTICE REVIEW REPEAT

    LEARN DIGEST PRACTICE RE LEARN @zgordon && @jsforwp WordCamp Baltimore
  66. @zgordon && @jsforwp WordCamp Baltimore Job Ready !== Knowing Deeply

  67. @zgordon && @jsforwp WordCamp Baltimore What Does it Mean? “Learn

    JavaScript, Deeply”
  68. @zgordon && @jsforwp JavaScript for WordPress Master Course WordCamp Baltimore

  69. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 A ”Learning JavaScript Deeply” Learning Curve Part 1 Part 2 Part 3 Part 4 Not Covered
  70. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 Dec Jan Feb March April May June July Aug Sept Nov Dec Learning / Teaching Over Time Part 3 Part 1 Part 2 Part 4
  71. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 Dec Jan Feb March April May June July Aug Sept Nov Dec Part 1 - JavaScript Part 1
  72. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 Dec Jan Feb March April May June July Aug Sept Nov Dec Part 2 - Frameworks Part 3 Part 1 Part 2 Part 4
  73. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 Dec Jan Feb March April May June July Aug Sept Nov Dec Part 3 – WP REST API Part 3 Part 1 Part 2 Part 4
  74. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 Dec Jan Feb March April May June July Aug Sept Nov Dec Part 4 – Real World Projects Part 3 Part 1 Part 2 Part 4
  75. WordCamp Baltimore Learning Goals Can Change @zgordon && @jsforwp

  76. @zgordon && @jsforwp WordCamp Baltimore 0 10 20 30 40

    50 60 70 80 90 100 Dec Jan Feb March April May June July Aug Sept Nov Dec Learning / Teaching Over Time Part 3 Part 1 Part 2 Part 4
  77. @zgordon && @jsforwp WordCamp Baltimore Tonya, I’m so nervous! Everyone

    just wants the API and React stuff and I have so much to cover first!!!
  78. @zgordon && @jsforwp WordCamp Baltimore Tonya, I’m so nervous! Everyone

    just wants the API and React stuff and I have so much to cover first. That’s fine Zac. A lot of folks just want the buzzwords. We need to explain why fundamentals are necessary You’re doing the right thing though…
  79. WordCamp Baltimore How many people are complaining about API and

    React content not being available yet? @zgordon && @jsforwp
  80. WordCamp Baltimore Hmm, good question, let me see… How many

    people are complaining about API and React content not being available yet? @zgordon && @jsforwp
  81. WordCamp Baltimore Hmm, good question, let me see… Roughly .03%

    of students. Hmm How many people are complaining about API and React content not being available yet? @zgordon && @jsforwp
  82. @zgordon && @jsforwp WordCamp Baltimore My Perception Complaining Waiting for

    More Happy Customers
  83. @zgordon && @jsforwp WordCamp Baltimore JS for WP Student Progress

    Not Started In Progress Caught Up My Perception Complaining Waiting for More Happy Customers
  84. @zgordon && @jsforwp WordCamp Baltimore Self Imposed Stress

  85. @zgordon && @jsforwp WordCamp Baltimore Don’t Stress

  86. @zgordon && @jsforwp WordCamp Baltimore But Learn JavaScript The Right

    Way
  87. @zgordon && @jsforwp WordCamp Baltimore javascriptforwp.com coupon ”wcbalt”

  88. @zgordon && @jsforwp A Year of Learning (and Teaching) JavaScript

    Deeply WordCamp Baltimore
  89. @zgordon && @jsforwp @zgordon && @jsforwp WordCamp Baltimore