07/31 Virtial Pet

1. Build a Virtual Pet with Javascript
July 2017
Wi-Fi Name: TechSquare Labs
Wi-Fi Password: bu1ldsometh1ngb1g
http://bit.ly/virtual-pet-tf
1

2. Instructor
Ivy Rueb
Thinkful Community Manager
TA's
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 2

3. 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
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 3

4. 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
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 4

5. 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
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 5

6. This is what we're making
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 6

7. 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/examplehttp://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 7

8. Starter code
http://bit.ly/virtual-pet-starter-code
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 8

9. 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
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 9

10. More about variables
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 10

11. Introducing our pet "object"
Name
"Thinkpup"
Weight
6
Happiness
0
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 11

12. Working with objects
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 12

13. Basic functions
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 13

14. 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
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 14

15. Conditionals example
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 15

16. Real developers use Google... a lot
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 16

17. 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
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 17

18. Solution
http://www.loremipsum.com/example
Wi-Fi: orem Ipsum
PW: orem Ipsum
L
L
http://bit.ly/virtual-pet-tf
Wi-Fi: TechSquare Labs
PW: bu1ldsometh1ngb1g 18

19. Ways to keep learning
More Structure
Less Structure
More SupportLess Support
19

20. 325+ mentors325+ mentors with an average of
10 years of experience10 years of experience in the
field
20

21. Support 'round the clock
Your Mentor
Q&A Sessions
Career Coach
In-person Workshops
Slack
Program Manager
YouYou
21

22. 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

23. 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 free trial of Thinkful
with three mentor sessions
Starting with HTML/CSS/JS,
with option to continue to
full program
23

24. http://bit.ly/tf-feedback
July 2017
24