Learn to Make a Website
with CodeCademy
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Lesson 1: Introduction
Instruction Overview
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Understand
- Classroom rules and expectations for ScholarStem
- Why should we learn to make a website?
Apply
- Successfully log onto CodeCademy with provided username and password
- Complete "Make a Website" course up to 1-3
Create
- N/A
Allow myself to introduce...myself
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
I'll be teaching you how to make a website!
What's your favorite website?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Tell me your name and why your website is awesome
Why should you learn to make a site?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Who typically makes websites?
3 Simple Rules
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
1. No eating or drinking near the computers
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
2. Only one person talks at a time
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
That includes me
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
3. Computers have two modes: open and closed
Let's practice!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Every lesson has a
class goal
When you're done with that, you're free
It looks like this...
Example class goal
☐Complete sections 1.1 to 1.3 in CodeCademy
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396066/Screen_Shot_2018-10-22_at_4.04.21_PM.png)
What is CodeCademy?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Has anyone here ever tried it?
CodeCademy is...
CodeCademy is a free technology learning website
You can learn how to make a website, an app, or code in almost any language!
CC gives you step-by-step instructions and automatically checks your work to see if you're right
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396095/Screen_Shot_2018-10-22_at_4.09.43_PM.png)
We'll make a website together in CodeCademy!
You'll complete tasks, gain achievements, and build your first website directly on CodeCademy! It's called Ollie Bike Sharing
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396149/Screen_Shot_2018-10-22_at_4.12.12_PM.png)
I'll be here if you ever need any help!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
As long as you try your hardest first, you can always raise your hand and I'll stop by your computer to help
Let's log onto CodeCademy
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Head over to www.codecademy.com
how to log in...
Click Log In
I'll hand out your username and password
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396177/Screen_Shot_2018-10-22_at_4.25.48_PM.png)
DO NOT TELL ANYONE YOUR PASSWORD
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5254854/ScholarStem_Single_Blue_header_Vector.png)
Duh
Class goal
☐Log onto CodeCademy
☐Complete exercises 1-1 to 1-3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396246/Screen_Shot_2018-10-22_at_4.37.24_PM.png)
Once logged in, click My Courses
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396250/Screen_Shot_2018-10-22_at_4.38.43_PM.png)
next step...
Scroll down to courses and click "Make a Website"
next step...
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396255/Screen_Shot_2018-10-22_at_4.39.56_PM.png)
Click Let's Go!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396264/Screen_Shot_2018-10-22_at_4.41.36_PM.png)
Class goal
☐Log onto CodeCademy
☐Complete exercises 1-1 to 1-3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396246/Screen_Shot_2018-10-22_at_4.37.24_PM.png)
Task
☐Complete up to 1-3 in "Make a Website"
10 min
Class goal
☐Log onto CodeCademy
☐Complete exercises 1-1 to 1-3
👏🏾
Next Lesson:
Paragraphs and links
This is just the first step on a long path to website awesomeness
![](https://s3.amazonaws.com/media-p.slid.es/uploads/926944/images/5396294/Screen_Shot_2018-10-22_at_4.49.06_PM.png)
Make a Website with CodeCademy Lesson 1 - Intro
By scholarstem
Make a Website with CodeCademy Lesson 1 - Intro
- 437