Build a Game with Javascript

Build a Game with Javascript
December 2017
WiFi: In3GuestWiFi: In3Guest
http://bit.ly/js-game-dc
1

Instructor
TJ Stalcup
Lead Mentor - Thinkful
API Evangelist - WealthEngine
Enlightened Ingress Agent
WiFi: In3Guest http://bit.ly/js-game-dc
TAs
2

About you
What's your name?
What brought you here today?
What is your programming experience?
Wiﬁ: MakeOfﬁces 5Ghz
Password: Internet!23
http://bit.ly/js-game-dchttp://bit.ly/js-game-dcWiFi: In3Guest
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.
http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc
4http://bit.ly/js-game-dcWiFi: In3Guest

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
5

This is what we're making
View example here
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

Deﬁning a variable with Javascript
var numberOfSheep = 20
Initialize variable
Name of variable
Value of variable

Variable examples
9

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-atlWiﬁ: MakeOfﬁces 5Ghz
Password: Internet!23 10
http://bit.ly/js-game-dcWiFi: In3Guest

Function examples
http://bit.ly/js-game-dcWiFi: In3Guest 11

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

If/Else Statements
function familyRoadtrip() {
if (needGas == true) {
getGas();
}
else {
keepDriving();
}
}
http://bit.ly/js-game-dchttp://bit.ly/js-game-dc 13
WiFi: In3Guest

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
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
17

Real developers use Google... a lot
http://bit.ly/js-game-dchttp://bit.ly/js-game-dc
18
WiFi: In3Guest

Glitch setup & ﬁrst steps!
http://bit.ly/js-game-dchttp://bit.ly/js-game-dc
http://bit.ly/tf-guessing-game
WiFi: In3Guest
19

Answers!
20

For aspiring developers, bootcamps ﬁll the gap
22

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

Our students receive unprecedented support
Learning Mentor
Career MentorProgram Manager
Local Community
You
24

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

Build a Game with Javascript

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Build a Game with Javascript

Similaire à Build a Game with Javascript (20)

Plus de TJ Stalcup

Plus de TJ Stalcup (19)

Dernier

Dernier (20)

Build a Game with Javascript