SlideShare a Scribd company logo
➔ What’s your name?
➔ What do you do?
➔ Why are you interested in bootcamps?
About You
Introductions
➔ What's your name?
➔ What brought you here today?
➔ What is your programming experience?
About
Thinkful
We train web developers and
data scientists through 1x1
mentorship and project-based
learning.
Guaranteed.
Client
/
Servers
The client sends requests.
Frontend Developers
manage what users see.
The server sends responses.
Backend Developers
manage what the app does.
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
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
Defining
a
Variable
with
JavaScript
Initialize
variable
var numberOfSheep = 20
Name of variable
Value of
variable
Variable
Examples
codepen.io
Functions
with
JavaScript
Initialize
variable
function greet(){
return “Hello world!”;
}
Name of
function
What the
function does
Function
Examples
codepen.io
If
/
Else
Statements
Family Road
Trip
Need gas?
Keep driving Go to gas station
If trueIf false
If
/
Else
Statements
function familyRoadtrip(){
if(needGas == true){
getGas();
}
else{
keepDriving();
}
}
Comparing
Values
== (equal to)
5 == 5 --> true
5 == 6 --> false
!= (not equal to)
5!=5 --> false
5!=6 --> true
Comparing
Values
codepen.io
Comparing
Values
function adder (a,b){
return a+b;
}
adder(1,2);
Parameters in
Declaration
Parameters used
within the function
Examples of
Parameters
within
Functions
codepen.io
Real
Developers
Use Google...
A Lot.
Repl.it
Setup &
First
Steps!
bit.ly/tf-intro-
to-js-challenges
Ways
to
Learn
Code
➔ 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
The
Student
Experience
Jeff Connelly, Thinkful Graduate
Portfolio
Shay Kennedy, Thinkful Graduate
Capstone
Shari Hobbs, Thinkful Graduate
Capstone
Evan Thompson, Thinkful Graduate
Capstone
➔ bit.ly/tf-event-feedback
Survey

More Related Content

Tf ffccjs