Learn JavaScript the fun way, by building a game!

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

20. Answers!
http://bit.ly/js-game-dcWiFi: In3Guest
20

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 benjy@thinkful.combenjy@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