Building a Virtual Pet with JavaScript

1. Build a Virtual Pet with Javascript
September 2017
WiFi Name: Eastern Foundry Guest
WiFi Password: FoundryGuest@!!
http://bit.ly/virtual-pet-dc
1

2. Instructor
TJ Stalcup
Lead DC Mentor @Thinkful
API Evangelist @WealthEngine
Pokemon Enthusiast
TA's
bit.ly/virtual-pet-dc
2

3. About us
We train developers and data
scientists through 1-on-1
mentorship and career prep
3

4. About you
What's your name?
What's your goal?
What is your coding background?
Wi-Fi: ??? bit.ly/virtual-pet-dc
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
Wi-Fi: ??? bit.ly/virtual-pet-dc
5

6. This is what we're making
http://bit.ly/virtual-pet-final
Wi-Fi: ??? bit.ly/virtual-pet-dc
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)
Wi-Fi: ??? bit.ly/virtual-pet-dc
7

8. Starter code
http://bit.ly/virtual-pet-starter-code
Wi-Fi: ??? bit.ly/virtual-pet-dc
8

9. Defining a variable with Javascript
var firstVariable = 20
Initialize variable
Name of variable
Value of variable
Wi-Fi: ??? bit.ly/virtual-pet-dc
9

10. More about variables - JSBin.com
Wi-Fi: ??? bit.ly/virtual-pet-dc
10

11. Introducing our pet "object"
Name
"Thinkpup"
Weight
6
Happiness
0
Wi-Fi: ??? bit.ly/virtual-pet-dc
11

12. Working with objects
Wi-Fi: ??? bit.ly/virtual-pet-dc
12

13. Basic functions
Wi-Fi: ??? bit.ly/virtual-pet-dc
13

14. If, then, else
pet is hungry feed it
go to park
if true
if false
Wi-Fi: ??? bit.ly/virtual-pet-dc
14

15. Conditionals example
Wi-Fi: ??? bit.ly/virtual-pet-dc
15

16. Real developers use Google... a lot
Wi-Fi: ??? bit.ly/virtual-pet-dc
16

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

18. Solution
Wi-Fi: ??? bit.ly/virtual-pet-dc
18

19. Ways to keep learning
19

20. For aspiring developers, bootcamps fill the gap
Source: Bureau of Labor Statistics
20

21. Our students receive unprecedented support
1-on-1 Learning Mentor
1-on-1 Career MentorProgram Manager
DC Community
You
21

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

23. 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 one week after eventOffer valid for one week after event
BenjyBenjy SchechnerSchechner
Education Advisor
23