This document provides an introduction to programming concepts like variables, functions, parameters, and conditional statements in JavaScript. It explains basic client-server interactions using an example from Facebook. The document recommends resources for practicing code through Repl.it and offers a free trial to Thinkful's online bootcamp program to learn HTML, CSS, JavaScript, and get support from program managers and mentors.

1. ➔ What’s your name?
➔ What do you do?
➔ Why are you interested in bootcamps?
About You

2. Introductions
➔ What's your name?
➔ What brought you here today?
➔ What is your programming experience?

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

4. Client
/
Servers
The client sends requests.
Frontend Developers
manage what users see.
The server sends responses.
Backend Developers
manage what the app does.

5. Example:
facebook
Client
Server
Open browser
and navigate
to
facebook.com
HTML, CSS, &
JavaScript
render
newsfeed
Initial Request
Following Response
Algorithm
determines
content of
feed
Sends back
HTML, CSS,
JavaScript
files
Request
Response

6. Example:
facebook
Client Server
Open browser
and navigate
to
facebook.com
HTML, CSS, &
JavaScript
render
newsfeed
Initial Request
Following Response
Algorithm
determines
content of
feed
Sends back
HTML, CSS,
JavaScript
files
Request
Response
We’ll be writing these files
that the browser will render

7. Defining
a
Variable
with
JavaScript
Initialize
variable
var numberOfSheep = 20
Name of variable
Value of
variable

8. Variable
Examples
codepen.io

9. Functions
with
JavaScript
Initialize
variable
function greet(){
return “Hello world!”;
}
Name of
function
What the
function does

10. Function
Examples
codepen.io

11. If
/
Else
Statements
Family Road
Trip
Need gas?
Keep driving Go to gas station
If trueIf false

12. If
/
Else
Statements
function familyRoadtrip(){
if(needGas == true){
getGas();
}
else{
keepDriving();
}
}

13. Comparing
Values
== (equal to)
5 == 5 --> true
5 == 6 --> false
!= (not equal to)
5!=5 --> false
5!=6 --> true

14. Comparing
Values
codepen.io

15. Comparing
Values
function adder (a,b){
return a+b;
}
adder(1,2);
Parameters in
Declaration
Parameters used
within the function

16. Examples of
Parameters
within
Functions
codepen.io

17. Real
Developers
Use Google...
A Lot.

18. Repl.it
Setup &
First
Steps!
bit.ly/tf-intro-
to-js-challenges

19. Ways
to
Learn
Code

20. ➔ Free trial of Full Stack Flex
online program
➔ Start with HTML, CSS and JavaScript
➔ Personal Program Manager
➔ Unlimited Q&A Sessions
➔ Student Slack Community
➔ bit.ly/freetrial-webdev
Thinkful
Two-Week
Free
Trial

21. The
Student
Experience
Jeff Connelly, Thinkful Graduate
Portfolio
Shay Kennedy, Thinkful Graduate
Capstone
Shari Hobbs, Thinkful Graduate
Capstone
Evan Thompson, Thinkful Graduate
Capstone

22. ➔ bit.ly/tf-event-feedback
Survey