Intro js-la-12-18
- 1. Intro to Javascript December 2017 WIFI: CrossCamp.us Events http://bit.ly/intro-js-la 1
- 2. Instructor Andy Amaya Thinkful student Full-stack developer TAs bit.ly/intro-js-laWIFI: CrossCamp.us Events 2
- 3. About you What's your name? What brought you here today? What is your programming experience? bit.ly/intro-js-laWIFI: CrossCamp.us Events 3
- 4. About Thinkful Thinkful helps people become developers or data scientists through 1-on-1 mentorship and project-based learning These workshops are built using this approach. bit.ly/intro-js-laWIFI: CrossCamp.us Events 4
- 5. Suggestions for learning Don't get discouraged, struggle leads to mastery Don't be shy, take full advantage of our support bit.ly/intro-js-laWIFI: CrossCamp.us Events 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) bit.ly/intro-js-laWIFI: CrossCamp.us Events 6
- 7. How the web works Type a URL from a client (e.g. google.com) Browser sends an HTTP request asking for specific files Browser receives those files and renders them as a website bit.ly/intro-js-laWIFI: CrossCamp.us Events 7
- 8. Client/Servers Client (sends requests) Frontend Developer Manages what user sees Server (sends response) Backend Developer Manages what app does bit.ly/intro-js-laWIFI: CrossCamp.us Events 8
- 9. Example: facebook.com Client Server Open browser and navigate to facebook.com HTML, CSS, & Javascrip render newsfeed Request Response Algorithm determines content of feed. Sends back HTML, CSS, Javascript files Application Logic Initial request Following response bit.ly/intro-js-laWIFI: CrossCamp.us Events 9
- 10. Example: facebook.com Client Server Open browser and navigate to facebook.com HTML, CSS, & Javascrip render newsfeed Request Response Algorithm determines content of feed. Sends back HTML, CSS, Javascript files Application Logic Initial request Following response We'll be writing Javascript, the code that the browser uses to run the app bit.ly/intro-js-la 10 WIFI: CrossCamp.us Events
- 11. 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/intro-js-laWIFI: CrossCamp.us Events 11
- 12. Javascript today Has large community of developers, libraries and frameworks Lots of job opportunities Also the syntax is easier to understand for first-time developers bit.ly/intro-js-laWIFI: CrossCamp.us Events 12
- 13. Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable bit.ly/intro-js-laWIFI: CrossCamp.us Events 13
- 15. Repl.it setup & first steps! http://bit.ly/tf-intro-js-challenges bit.ly/intro-js-laWIFI: CrossCamp.us Events 15
- 16. Declaring a function with Javascript function greet() { return "Hello world!"; } Initialize function Name of function What the function does bit.ly/intro-js-laWIFI: CrossCamp.us Events 16
- 18. If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip bit.ly/intro-js-laWIFI: CrossCamp.us Events 18
- 19. If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } bit.ly/intro-js-laWIFI: CrossCamp.us Events 19
- 20. Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true bit.ly/intro-js-laWIFI: CrossCamp.us Events 20
- 21. If/Else Statements and Comparing Values JSBin.com bit.ly/intro-js-laWIFI: CrossCamp.us Events 21
- 22. Parameters within functions function adder(a, b) { return a + b; } adder(1,2); Parameters in declaration Parameters used within the function bit.ly/intro-js-laWIFI: CrossCamp.us Events 22
- 23. Examples of parameters within functions JSBin.com bit.ly/intro-js-laWIFI: CrossCamp.us Events 23
- 24. Real developers use Google... a lot bit.ly/intro-js-labit.ly/intro-js-laWIFI: CrossCamp.us Events 24
- 25. Ways to keep learning 25
- 26. For aspiring developers, bootcamps fill the gap 26
- 27. Thinkful graduates in LA... 80%as full-time developers/engineers Ben Johnson Link for the third party audit jobs report: https://www.thinkful.com/bootcamp-jobs-stats Software Engineer Cody Berlin Fullstack Developer Mark Pinero Frontend Developer placed in tech careers 92% 27
- 28. Link for the third party audit jobs report: https://www.thinkful.com/bootcamp-jobs-stats ...and around the country & world 28
- 29. Our students receive unprecedented support Learning Mentor Career MentorProgram Manager Local Community You 29
- 30. Thinkful Two-Week Trial Talk to one of us and email [email protected] to learn more Two-week course with 6 mentor sessions for $50 ($750 value) Start with HTML, CSS and JavaScript Option to continue with full bootcamp Financing & scholarships available Offer valid for one week after event Benjy Schechner Education Advisor 30