Intro to JavaScript: Build a Virtual Pet

1. Intro to JavaScript: Build a Virtual Pet
February 2018
bit.ly/virtual-pet-la
1

2. About us
Justin Ezor, TAJustin Ezor, TA
Web DeveloperWeb Developer
Thinkful Community Manager (LA)Thinkful Community Manager (LA)
Cyrus Kia, InstructorCyrus Kia, Instructor
Web DeveloperWeb Developer
Thinkful StudentThinkful Student
2

3. About you
What's your name?
What brings you here tonight?
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. 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
bit.ly/jspet-la
Wi-Fi: CrossCamp.us Events
5

6. This is what we're making
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)
7

8. Starter code
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
bit.ly/tf-virtual-pet
17

18. Solution
18

19. Ways to keep learning
19

20. Thinkful's free Web Development Fundamentals course
75+ hours of curriculum for two weeks
HTML, CSS and JavaScript
Unlimited mentor-led Q&A sessions
Slack Community access
Personal Program Manager
bit.ly/web-dev-free-bit.ly/web-dev-free-
lala
Thinkful Web Dev
Fundamentals Course
$250 FREEFREE
20