2. About us
Jessica Cottrell, Instructor
Program Manager, Executive Education @ ASU
Thinkful Student
Dixon Begay, TA
Software Engineer Consultant
Shannon Gallagher, TA
Thinkful Community Manager
2
3. About you!
What's your name?
What brought you here today?
What is your programming experience?
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
OnlyOnly availableavailable during this eventduring this event
bit.ly/tf-free-coursebit.ly/tf-free-course
5
6. Agenda
Learn key JavaScript concepts (20 min)
Go over assignments (10 min)
Complete assignments with our support! (30 min)
Go over answer key (10 min)
Steps to continue learning (10 min)
6
7. How the web works
Type a URL from a client (e.g. google.com)
Browser sends an HTTP request asking for specific files
Browser receives those files and renders them as a website
7
9. Example: facebook.com
Client Server
Open browser
and navigate to
facebook.com
HTML, CSS, &
JavaScript render
newsfeed
Request
Response
Algorithm
determines
content of feed.
Sends back
HTML, CSS,
JavaScript files
Application LogicApplication Logic
Initial requestInitial request
Following responseFollowing response
9
10. Example: facebook.com
Client Server
Open browser
and navigate to
facebook.com
HTML, CSS, &
JavaScript render
newsfeed
Request
Response
Algorithm
determines
content of feed.
Sends back
HTML, CSS,
JavaScript files
Application LogicApplication Logic
Initial requestInitial request
Following responseFollowing response
We'll be writing JavaScript, the code
that the browser uses to run the app
10
11. Defining a variable with JavaScript
var numberOfSheep = 20
Initialize variable
Name of variable
Value of variable
11