SlideShare a Scribd company logo

Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15

•
•
T
Thinkful

This document outlines an agenda for a workshop on building a game with JavaScript. The agenda includes introducing key JavaScript concepts like variables, functions, if/else statements, and parameters. It also covers setting up a project on Glitch and reviewing answers. The document encourages participants to not treat it as a drill and to take advantage of support. It promotes continuing to learn on Thinkful, which offers 1-on-1 mentorship and project-based learning to help people become developers.

1 of 25
Download to read offline
Build a Game with Javascript June 2017 WIFI: INSERT Password: INSERT http://bit.ly/tf-js-game-atl 1
Instructor Jake Askew Thinkful Graduate Coding Instructor TAs Wi-Fi: Digital Ignition Pass: Countdown54321 http://bit.ly/tf-js-game-atl 2
About you What's your name? What brought you here today? What is your programming experience? Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 3
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. Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 4
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 Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 5
This is what we're making View example here Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 6
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) 7
Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable 8
Variable examples Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 9
Declaring a function with Javascript function greet() { return "Hello world!"; } Initialize function Name of function What the function does 10
Function examples Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 11
If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip 12
If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } 13
Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true 14
If/Else Statements and Comparing Values Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 15
Parameters within functions function adder(a, b) { return a + b; } adder(1,2); Parameters in declaration Parameters used within the function 16
Examples of parameters within functions Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 17
Real developers use Google... a lot Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 18
Glitch setup & first steps! http://bit.ly/tf-guessing-game Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 19
Answers! Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 20
Ways to keep learning More Structure Less Structure More SupportLess Support 21
325+ mentors325+ mentors with an average of 10 years of experience10 years of experience in the field 22
Support 'round the clock Your Mentor Q&A Sessions Career Coach In-person Workshops Slack Program Manager YouYou 23
Our results 93%93%job-placement rate + job guarantee Kaeside IwuagwuKaeside Iwuagwu Link for the third party audit jobs report: https://www.thinkful.com/bootcamp-jobs-https://www.thinkful.com/bootcamp-jobs- statsstats Frontend Developer Sierra GreggSierra Gregg Software Engineer JP EarnestJP Earnest Web Developer 24
Take a tour! Talk to me (or email jasjit@thinkful.com) if you're interested Get a tour of the program to see if project-based, online learning is a good fit for you. Discuss the curriculum, mentorship, and how to create your own learning schedule. 25

More Related Content

Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15

  • 1. Build a Game with Javascript June 2017 WIFI: INSERT Password: INSERT http://bit.ly/tf-js-game-atl 1
  • 2. Instructor Jake Askew Thinkful Graduate Coding Instructor TAs Wi-Fi: Digital Ignition Pass: Countdown54321 http://bit.ly/tf-js-game-atl 2
  • 3. About you What's your name? What brought you here today? What is your programming experience? Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 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. Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 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 Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 5
  • 6. This is what we're making View example here Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 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) 7
  • 8. Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable 8
  • 9. Variable examples Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 9
  • 10. Declaring a function with Javascript function greet() { return "Hello world!"; } Initialize function Name of function What the function does 10
  • 11. Function examples Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 11
  • 12. If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip 12
  • 13. If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } 13
  • 14. Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true 14
  • 15. If/Else Statements and Comparing Values Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 15
  • 16. Parameters within functions function adder(a, b) { return a + b; } adder(1,2); Parameters in declaration Parameters used within the function 16
  • 17. Examples of parameters within functions Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 17
  • 18. Real developers use Google... a lot Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 18
  • 19. Glitch setup & first steps! http://bit.ly/tf-guessing-game Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 19
  • 20. Answers! Wi-Fi: Digital Ignition Pass: Countdown54321 bit.ly/build-own-website 20
  • 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. Support 'round the clock Your Mentor Q&A Sessions Career Coach In-person Workshops Slack Program Manager YouYou 23
  • 24. Our results 93%93%job-placement rate + job guarantee Kaeside IwuagwuKaeside Iwuagwu Link for the third party audit jobs report: https://www.thinkful.com/bootcamp-jobs-https://www.thinkful.com/bootcamp-jobs- statsstats Frontend Developer Sierra GreggSierra Gregg Software Engineer JP EarnestJP Earnest Web Developer 24
  • 25. Take a tour! Talk to me (or email jasjit@thinkful.com) if you're interested Get a tour of the program to see if project-based, online learning is a good fit for you. Discuss the curriculum, mentorship, and how to create your own learning schedule. 25