.

1. Build a Virtual Pet with Javascript
September 2017
Wi-Fi Name: The Department Guest
bit.ly/jspet-phx
1

2. Instructor
Sean Jun
Thinkful Graduate
Software Developer, Intel
TA's
Mitch Cravens
Thinkful Mentor
2

3. About you
What's your name?
What's your goal?
What is your coding background?
3

4. About Thinkful
Thinkful helps people become web developers and data
scientists through 1x1 mentorship and project-based
learning.
These workshops are built using this approach.
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
5

6. This is what we're making
6

7. Agenda
Starter code review (5 min)
Learn key JavaScript concepts (20 min)
Build your app! (40 min)
Go over solutions (10 min)
Next steps (10 min)
7

8. Starter code
http://bit.ly/virtual-pet-starter-code
8

9. Defining a variable with JavaScript
var firstVariable = 20
Initialize variable
Name of variable
Value of variable
9

10. More about variables
10

11. Introducing our pet "object"
Name
"Thinkpup"
Weight
6
Happiness
0
11

12. Working with objects
12

13. Basic functions
13

14. If, then, else
pet is hungry feed it
go to park
if true
if false
14

15. Conditionals example
15

16. Real developers use Google... a lot
16

17. Let's work on the first step together
http://bit.ly/tf-virtual-pet
17

18. Solution
18

19. 19

20. 20

21. 21

22. 22

23. 23

24. 24