Build a Game with JavaScript
- 1. Build a Game with Javascript August 2017 Wi-Fi: Cross Camp.us Events http://bit.ly/tf-js-game-la 1
- 2. Instructor Michael Cruz Software Engineer - Zbrains TAs Wi-Fi: Cross Camp.us Events http://bit.ly/tf-js-game-la 2
- 3. About you What's your name? What brought you here today? What is your programming experience? http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.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.These workshops are built using this approach. http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 4
- 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 http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 5
- 6. This is what we're making View example here http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 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-laWi-Fi: Cross Camp.us Events 7
- 8. Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 8
- 9. Variable examples http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 9
- 10. Declaring a function with Javascript function greet() { return "Hello world!"; } Initialize function Name of function What the function does http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 10
- 11. Function examples http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 11
- 12. If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 12
- 13. If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 13
- 14. Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 14
- 15. If/Else Statements and Comparing Values http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 15
- 16. Parameters within functions function adder(a, b) { return a + b; } adder(1,2); Parameters in declaration Parameters used within the function http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 16
- 17. Examples of parameters within functions http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 17
- 18. Real developers use Google... a lot http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 18
- 19. Glitch setup & first steps! http://bit.ly/tf-guessing-game http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events 19
- 21. Ways to keep learning More Structure Less Structure More SupportLess Support 21
- 22. 325+ mentors325+ mentors with an average of 10 years of experience10 years of experience in the field 22
- 23. Career prep and job-placement Liz Stephanie Our career services team has helped 93% of our grads begin jobs at companies like: 23
- 24. Take a Thinkful tour! Talk to one of us to set something up ! Take a look through Thinkful's student platform to see if project-based, online learning is a good fit for you 👀 While we're at it, give us feedback on tonight's workshop. 24