Intro to JavaScript - Thinkful DC
- 1. Intro to JavascriptIntro to Javascript Wi : MakeOf ces 5Ghz Password: Internet!23 http://bit.lyhttp://bit.ly/js-intro-dc/js-intro-dc 1
- 2. Instructor TJ Stalcup Lead Mentor @Thinkful (3yr) SE Lead @540 JS Developer (22y) TAs http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 2
- 3. About you What's your name? Why are you here to learn JavaScript? What is your programming experience? bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dcWiFi: IN3Guest 3 bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: In3Guest http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23
- 4. About Thinkful Thinkful helps people become developers and data scientists through 1-on-1 mentorship and project-based learning These workshops are built using this approach. 4 http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23
- 5. Take advantage of our support Don't get discouraged, struggle leads to mastery Don't be shy, take full advantage of our support http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 5
- 6. Agenda Learn key Javascript concepts (30 min) Go over assignments (10 min) Complete assignments with our support! (30 min) Go over answer key (10 min) Steps to continue learning (10 min) http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 6
- 7. How the web works Type a URL from a client (e.g. google.com) Browser sends an HTTP request asking for speci c les Browser receives those les and renders them as a website bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 7
- 8. Client/Servers Client (sends requests) Frontend Developer Manages what user sees Server (sends response) Backend Developer Manages what app does bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dc 8 bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: In3Guest http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23
- 9. Example: facebook.com Client Server Open browser and navigate to facebook.com HTML, CSS, & Javascript render newsfeed Request Response Algorithm determines content of feed. Sends back HTML, CSS, Javascript les Application Logic Initial request Following response We'll be writing Javascript, the code that the browser uses to run the app 9 bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23
- 10. History of Javascript Written by Brendan Eich in 1995 for Netscape Initial version written in 10 days Completely unrelated to Java, but maybe named after it to draft off its popularity Over 10 years, became default programming language for browsers Continues to evolve under guidance of ECMA International, with input from top tech companies bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 10
- 11. Javascript today Has large community of developers, libraries and frameworks Lots of job opportunities Also the syntax is easier to understand for rst-time developers bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dc bit.ly/js-intro-dc 11 WiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: In3Guest http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23
- 12. Real developers use Google... a lot bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 12
- 13. Our Scratch Pad bit.ly/js-intro-dc JSBin.com WiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dc 13 bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz Password: Internet!23 bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: IN3Guest bit.ly/js-intro-dcWiFi: In3Guest http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23
- 14. Repl.it setup & rst steps! COMPLETE THE PROFILE http://bit.ly/tf-intro-js-challenges bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz Password: Internet!23 http://bit.ly/js-intro-dc WiFi: MakeOf ces 5Ghz / Internet!23 14