This document summarizes a workshop on building a virtual pet with JavaScript. The workshop introduces key JavaScript concepts like variables, objects, functions, and conditionals needed to build the app. It provides an agenda that outlines reviewing starter code, learning JavaScript concepts, building the app, reviewing solutions, and discussing next steps. Participants are instructed to work on the first step of making the pet object in the code along with the instructor.

1. Build a Virtual Pet with JavaScript
December 2017
bit.ly/jspet-phx
1

2. About us
Sean Jun, Instructor
Software Engineer, contracted with Intel
Thinkful Graduate
TA's
Joe Previte, TA
Digital Marketing Manager, Web Developer
2

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

4. About Thinkful
We train developers and data scientists
through 1x1 mentorship and project-based
learning.
Guaranteed.Guaranteed.
4

5. Thinkful's Free Resource
HTML, CSS and JavaScript
Unlimited mentor-led Q&A sessions
Personal Program Manager
bit.ly/tf-free-coursebit.ly/tf-free-course
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. Feedback
Give us your feedback on
tonight's event!
bit.ly/feedback-phxbit.ly/feedback-phx
19