Build a Virtual Pet with Javascript
June 2017
Wi-Fi: TechSquare Labs
Pass: bu1ldsometh1ngb1g
http://bit.ly/virtual-pet-tf
1
Instructor
Jake Askew
Thinkful Graduate
TA's
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 2
About you
What's your name?
What's your goal?
What is your coding background?
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 3
About Thinkful
Thinkful helps people become developers or data scientists
through one-on-one mentorship and project-based learning
These workshops are built using this approach.
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 4
Suggestions for learning
Don't treat this as a drill, we're making something real
Don't get discouraged, struggle leads to mastery
Don't be shy, take full advantage of our support
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 5
This is what we're making
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 6
Agenda
Starter code review (5 min)
Learn key Javascript concepts (25 min)
Build your app! (40 min)
Go over solutions (10 min)
Next steps (10 min)
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 7
Starter code
http://bit.ly/virtual-pet-starter-code
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 8
Defining a variable with Javascript
var firstVariable = 20
Initialize variable
Name of variable
Value of variable
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 9
More about variables
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 10
Introducing our pet "object"
Name
"Thinkpup"
Weight
6
Happiness
0
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 11
Working with objects
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 12
Basic functions
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 13
If, then, else
pet is hungry feed it
go to park
if true
if false
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 14
Conditionals example
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 15
Real developers use Google... a lot
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 16
Let's work on the first step together
http://bit.ly/tf-virtual-pet
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 17
Solution
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L 18
Ways to keep learning
More Structure
Less Structure
More SupportLess Support
19
325+ mentors325+ mentors with an average of
10 years of experience10 years of experience in the
field
20
Support 'round the clock
Your Mentor
Q&A Sessions
Career Coach
In-person Workshops
Slack
Program Manager
YouYou
21
Our results
93%93%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
22
Trying Thinkful
Talk to me (or email jasjit@thinkful.com) if you'reTalk to me (or email jasjit@thinkful.com) if you're
interestedinterested
Get a week trial of Thinkful
with three mentor sessions
Starting with HTML/CSS/JS,
with option to continue to
full program
23

Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-42