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 Kulinski
Thinkful Mentor
Software Engineer - mGage
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

20. Answers!
http://bit.ly/tf-js-game-laWi-Fi: Cross Camp.us Events
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. 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