Build a Game with Javascript
- 1. Build a Game with Javascript December 2017 WiFi: In3GuestWiFi: In3Guest http://bit.ly/js-game-dc 1
- 2. Instructor TJ Stalcup Lead Mentor - Thinkful API Evangelist - WealthEngine Enlightened Ingress Agent WiFi: In3Guest http://bit.ly/js-game-dc TAs 2
- 3. About you What's your name? What brought you here today? What is your programming experience? Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 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.These workshops are built using this approach. http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 4http://bit.ly/js-game-dcWiFi: In3Guest
- 5. Suggestions for learning Don't treat this as a drill, we're making something realwe're making something real Don't get discouraged, struggle leads to masterystruggle leads to mastery Don't be shy, take full advantage of our supporttake full advantage of our support Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 5
- 6. This is what we're making View example here Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 6
- 7. Agenda Learn key Javascript concepts (30 min) Go over starter code (10 min) Build your site with our support! (30 min) Go over answer key (10 min) Steps to continue learning (10 min) http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 7
- 8. Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 8http://bit.ly/js-game-dcWiFi: In3Guest
- 9. Variable examples Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 9
- 10. Declaring a function with Javascript function greet() { return "Hello world!"; } Initialize function Name of function What the function does Wi-Fi: IgniteHQ Password: igniteHQ http://bit.ly/tf-js-game-atlWifi: MakeOffices 5Ghz Password: Internet!23 10 http://bit.ly/js-game-dc http://bit.ly/js-game-dcWiFi: In3Guest
- 11. Function examples Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc http://bit.ly/js-game-dcWiFi: In3Guest 11
- 12. If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 12http://bit.ly/js-game-dcWiFi: In3Guest
- 13. If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dc 13 WiFi: In3Guest
- 14. Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 14
- 15. If/Else Statements and Comparing Values Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 15
- 16. Parameters within functions function adder(a, b) { return a + b; } adder(1,2); Parameters in declaration Parameters used within the function Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 16 http://bit.ly/js-game-dcWiFi: In3Guest
- 17. Examples of parameters within functions Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest 17
- 18. Real developers use Google... a lot Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dc 18 WiFi: In3Guest
- 19. Glitch setup & first steps! Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dchttp://bit.ly/js-game-dc http://bit.ly/tf-guessing-game WiFi: In3Guest 19
- 21. Ways to keep learning 21
- 22. For aspiring developers, bootcamps fill the gap 22
- 23. 92%92% job-placement rate + job guarantee Link for the third party audit jobs report: https://www.thinkful.com/bootcamp-jobs-statshttps://www.thinkful.com/bootcamp-jobs-stats Thinkful's track record of getting students jobs 23
- 24. Our students receive unprecedented support Learning Mentor Career MentorProgram Manager Local Community You 24
- 25. Thinkful Two-Week Trial Talk to one of us and email [email protected]@thinkful.com to learn more Two-week Free Course Trial Start with HTML, CSS and JavaScript Unlimited Q&A Sessions Option to continue with full bootcamp Financing & scholarships available Offer valid for tonight's event onlyOffer valid for tonight's event only BenjyBenjy SchechnerSchechner Education Advisor 25