This document provides an introduction to a JavaScript workshop. It outlines the agenda which includes learning key JavaScript concepts, going over assignments, completing assignments with support, reviewing answers, and next steps for continuing to learn. It also introduces the instructor and teaching assistants, discusses how the web works with clients and servers, and demonstrates how to use an online code scratch pad for the workshop assignments.

1. Intro to JavascriptIntro to Javascript
Wi : MakeOf ces 5Ghz
Password: Internet!23
http://bit.lyhttp://bit.ly/js-intro-dc/js-intro-dc
1

2. Instructor
TJ Stalcup
Lead Mentor @Thinkful (3yr)
SE Lead @540
JS Developer (22y)
TAs
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 2

3. About you
What's your name?
Why are you here to learn JavaScript?
What is your programming experience?
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23 bit.ly/js-intro-dcWiFi: IN3Guest
3
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: In3Guest
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23

4. About Thinkful
Thinkful helps people become developers and data scientists
through 1-on-1 mentorship and project-based learning
These workshops are built using this approach.
4
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23

5. Take advantage of our support
Don't get discouraged, struggle leads to mastery
Don't be shy, take full advantage of our support
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 5

6. Agenda
Learn key Javascript concepts (30 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)
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 6

7. How the web works
Type a URL from a client (e.g. google.com)
Browser sends an HTTP request asking for speci c les
Browser receives those les and renders them as a website
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 7

8. Client/Servers
Client (sends requests)
Frontend Developer
Manages what user sees
Server (sends response)
Backend Developer
Manages what app does
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
bit.ly/js-intro-dc
8
bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz
Password: Internet!23
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: In3Guest
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23

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 les
Application Logic
Initial request
Following response
We'll be writing Javascript, the code
that the browser uses to run the app
9
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23

10. History of Javascript
Written by Brendan Eich in 1995 for Netscape
Initial version written in 10 days
Completely unrelated to Java, but maybe named after it to
draft off its popularity
Over 10 years, became default programming language for
browsers
Continues to evolve under guidance of ECMA International,
with input from top tech companies
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 10

11. Javascript today
Has large community of developers, libraries and
frameworks
Lots of job opportunities
Also the syntax is easier to understand for rst-time
developers
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
bit.ly/js-intro-dc bit.ly/js-intro-dc
11
WiFi: MakeOf ces 5Ghz
Password: Internet!23
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: In3Guest
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23

12. Real developers use Google... a lot
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 12

13. Our Scratch Pad
bit.ly/js-intro-dc
JSBin.com
WiFi: MakeOf ces 5Ghz
Password: Internet!23
bit.ly/js-intro-dc
13
bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz
Password: Internet!23
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: IN3Guest
bit.ly/js-intro-dcWiFi: In3Guest
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23

14. Repl.it setup & rst steps! COMPLETE THE PROFILE
http://bit.ly/tf-intro-js-challenges
bit.ly/js-intro-dcWiFi: MakeOf ces 5Ghz
Password: Internet!23
http://bit.ly/js-intro-dc
WiFi: MakeOf ces 5Ghz / Internet!23 14