Welcome to JavaScript
Jessica Bell
Lesson 0
- Who am I
- Who Are You
- Class Learning Objectives
- Web Development
- Set Up (Slack, GitHub, Sublime)
- Thinking Like a Programmer
- PseudoCode Exercise
Jessica Bell
Developer: The Washington Post
Producer: DC Tech Stories
GA FEWD Graduate
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073408/jess_S.jpg)
Who Are You?
![](https://media.giphy.com/media/3o72EVymX8u70s22mQ/giphy.gif)
Class | Title | Class | Title | |
---|---|---|---|---|
Lesson 0 | Installfest | Lesson 11 | Advanced APIs | |
Lesson 1 | JS on the Command Line | Lesson 12 | Lab Time | |
Lesson 2 | Data Types | Project 2 | Feedr - A Feed Reader | |
Lesson 3 | Conditionals and Loops | Lesson 13 | Prototypal Inheritance | |
Lesson 4 | Functions and Scope | Lesson 14 | Closures and This | |
Lesson 5 | Project 1 Lab: Slackbot | Lesson 15 | Intro to Crud and Firebase | |
Lesson 6 | Objects and JSON | Lesson 16 | Deploying Your App | |
Lesson 7 | Intro to DOM & jQuery | Lesson 17 | Instructor Student Choice | |
Lesson 8 | DOM & jQuery Continued | Lesson 18 | Lab Time | |
Lesson 9 | AJAX and APIs | Project 3 | Your Single Page App | |
Lesson 10 | Asynchronous JS and Callbacks | Lesson 19 | Final Project Presentations |
Lets Go!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073453/pasted-from-clipboard.png)
Web Development
The Fundamentals
What is the Internet?
The Internet is a massive network of networks that connects millions of computers together globally. Information that travels over the Internet via a variety of languages known as protocols.
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5078847/pasted-from-clipboard.png)
World Wide Web
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5078848/pasted-from-clipboard.png)
Client/Server Model
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5078876/Client-server-model.png)
Domain, Hosting, DNS
- Domain/URL: www.kittens.com
- Hosting: Server which domain points to
- IP Address: 123.123.123.123
Back vs Front end
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073455/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5078849/pasted-from-clipboard.png)
HTML
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073456/pasted-from-clipboard.png)
CSS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073457/pasted-from-clipboard.png)
JavaScript
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073459/pasted-from-clipboard.png)
What Can We Do With JavaScript
React to Events
Access Content
Modify Content
Program Rules
JavaScript runs in the Browser
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5073462/pasted-from-clipboard.png)
Or the Console!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/455942/images/5078858/jsinterminal.gif)
Work Point
- Set Up Slack
- Set Up GitHub
- Install Sublime Text
- Install Node
Thinking Like A Programmer
Peanut Butter & Jelly
![](https://cdn.shopify.com/s/files/1/1333/7009/products/peanut-butter-jelly-time-flavor-concentrate-liquid_1024x1024.jpg?v=1478101713)
Pseudo Code Exercise
Write a "program" that when a button is pressed, a light changes to that color
![](https://image.freepik.com/free-vector/colored-buttons-pack_1095-131.jpg)
July16: Welcome to JavaScript
By Jessica Bell
July16: Welcome to JavaScript
- 135