Learn to Make a Website

with CodeCademy

Lesson 1: Introduction

Instruction Overview

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

I'll be teaching you how to make a website!

What's your favorite website?

Tell me your name and why your website is awesome

Why should you learn to make a site?

Who typically makes websites?

3 Simple Rules

1. No eating or drinking near the computers

2. Only one person talks at a time

That includes me

3. Computers have two modes: open and closed

Let's practice!

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​

What is CodeCademy?

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

 

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

 

I'll be here if you ever need any help!

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

Head over to www.codecademy.com

how to log in...

Click Log In

I'll hand out your username and password

DO NOT TELL ANYONE YOUR PASSWORD

Duh

Class goal

☐Log onto CodeCademy

☐Complete exercises 1-1 to 1-3

Once logged in, click My Courses

next step...

Scroll down to courses and click "Make a Website"

next step...

Click Let's Go!

Class goal

☐Log onto CodeCademy

☐Complete exercises 1-1 to 1-3

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

Make a Website with CodeCademy Lesson 1 - Intro

By scholarstem

Make a Website with CodeCademy Lesson 1 - Intro

  • 403