This document outlines an agenda for a workshop on building a virtual pet with Javascript. The workshop will include reviewing starter code, learning key Javascript concepts like variables, objects, functions and conditionals. Participants will then build their own virtual pet app, followed by reviewing solutions and discussing next steps. WiFi network information and links to resources are provided throughout.

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