Deck 4-361-414-420

1. Intro to JavaScript: Build a Virtual PetIntro to JavaScript: Build a Virtual Pet
April 2018
bit.ly/virtual-pet-labit.ly/virtual-pet-la
Interactive Slides: bit.ly/virtual-pet-41018
Wi : Cross Camp.us Members
Password: innovate
1

2. About us
Skyler Benge, Instructor
Web Developer
Lead Shopify Developer @ Fashion Nova
Thinkful Web Mentor
Justin Ezor, TA
Web Developer
LA Community Manager @ Thinkful
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.
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. De ning a variable with JavaScript
var rstVariable = 20var rstVariable = 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 rst 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-free-labit.ly/web-free-la
Thinkful Web Dev
Fundamentals Course
$250 FREE
20