This document provides an overview and agenda for a workshop on building a game with Javascript. The workshop will include: - Learning key Javascript concepts like variables, functions, if/else statements, and comparing values over 20 minutes - Reviewing starter code for 10 minutes - Building a site with support from instructors over 30 minutes - Reviewing the answers to the practice problems for 10 minutes - Learning next steps to continue learning Javascript for 10 minutes

1. Build a Game with Javascript
November 2017
bit.ly/game-js-phx
1

2. About us
InstructorInstructor
Sean Jun
Software Engineer, contracted with Intel
Thinkful Graduate
TA'sTA's
Dixon Begay
Software Engineer Consultant
Thinkful TA
Mayank Mishra
Software Developer
Thinkful Phx Program Manager
2

3. About Thinkful
We train developers and data scientists
through 1x1 mentorship and project-based
learning.
Guaranteed.Guaranteed.
3

4. About you!
What's your name?
What brought you here today?
What is your programming experience?
4

5. This is what we're making
View example here
5

6. 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)
6

7. Defining a variable with JavaScript
var numberOfSheep = 20
Initialize variable
Name of variable
Value of variable
7

8. Variable examples
8

9. Declaring a function with JavaScript
function greet() {
return "Hello world!";
}
Initialize function Name of function
What the function does
9

10. Function examples
10

11. If/Else Statements
go to gas stationkeep driving
if false if true
need gas?
family roadtrip
11

12. If/Else Statements
function familyRoadtrip() {
if (needGas == true) {
getGas();
}
else {
keepDriving();
}
}
12

13. Comparing Values
== (equal to)
5 == 5 --> true
5 == 6 --> false
!= (not equal to)
5 != 5 --> false
5 != 6 --> true
13

14. If/Else Statements and Comparing Values
14

15. Parameters within functions
function adder(a, b) {
return a + b;
}
adder(1,2);
Parameters in declaration
Parameters used
within the function
15

16. Examples of parameters within functions
16

17. Real developers use Google... a lot
17

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

19. Answers!
19

20. 20

21. Thinkful Two-Week Free Course
Start with HTML, CSS and JavaScript
Unlimited mentor Q&A sessions
Personal Program Manager
Option to continue with full bootcamp
Financing & scholarships available
OnlyOnly availableavailable during this eventduring this event
bit.ly/tf-trialbit.ly/tf-trial
21

22. Feedback
Give us your feedback on
tonight's event!
bit.ly/feedback-phxbit.ly/feedback-phx
22