This document outlines an agenda for a workshop on building a game with JavaScript. The instructor and TA are introduced. The workshop will cover key JavaScript concepts like variables, functions, if/else statements, and parameters. Attendees will then build their own game using starter code with support from the instructors. Finally, examples will be reviewed and next steps for continuing to learn will be discussed. The overall goal is to help attendees learn JavaScript in a hands-on, project-based way to build a real game.

1. Build a Game with Javascript
August 2017
WIFI: Cartel Guest
http://bit.ly/js-game-phx
1

2. Instructor
Dave Hoel
Thinkful Graduate
Coding Instructor
TA
Wi-Fi: Cartel Guest
bit.ly/phx-js-game
Jessica Cottrell
2

3. About you
What's your name?
What brought you here today?
What is your programming experience?
Wi-Fi: Cartel Guest
bit.ly/phx-js-game
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: Cartel Guest
bit.ly/phx-js-game
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: Cartel Guest
bit.ly/phx-js-game
5

6. This is what we're making
View example here
Wi-Fi: Cartel Guest
bit.ly/phx-js-game
6

7. Agenda
Learn key Javascript concepts (20 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
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
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
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
17

18. Real developers use Google... a lot
18

19. Glitch setup & first steps!
http://bit.ly/tf-guessing-game
19

20. Answers!
20

21. 21

22. 22

23. Our results
91%91%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
23

24. Phoenix Community
24

25. 25

26. Take a tour!
Talk to me (or email shannon@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.
26