This document provides an introduction to programming concepts like variables, functions, parameters, and conditional statements in JavaScript. It explains basic syntax like declaring variables with let, defining functions, passing parameters to functions, and using if/else statements. Examples are given for each concept to demonstrate how they work in code. The document also introduces tools like Repl.it for practicing code and provides information on Thinkful's online bootcamp program.

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
let 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-c
hallenges

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