HTML 5 on EP All-in-One

Other Computer Courses – coding, Microsoft, and more

Credit: 0.5 or 1.0 There are a half year of lessons, but there is another course linked to continue with that students can use to watch, then imitate, and then recreate each lesson. That would complete a full year.

Course Description:

This course covers basics of HTML, CSS, and Javascript. Here are examples of what you’d be able to make.

one (This was a project from the course in coding that I took. Move your cursor around the page and make your screen smaller, like a cell phone, and see how the page adjusts.)

two (I’ve made several versions of different types of matching games for EP.)

three (This last one was for my son, until he decided to make it himself. It’s incomplete, but you can see on the main page some more of what you’ll be able to do!)

This course isn’t to get you a job, but it can get you coding your own sites. This learn-to-read website I coded and then turned into an app. That was after I learned what was in this course.

Course Support: Please join the HTML class forum for questions and support. Look for a post with the lesson number you have a question about. If there is one, leave a comment there after checking to see if someone else had the same question that was maybe already answered. If there isn’t a post with the lesson number, create a post. Use the lesson number as the title, Lesson 4, for example.

Lesson 1

What is HTML?

I don’t have the Learning with Lee website any more. I moved all those lessons onto the Easy Peasy site, what you are using now. The Learning with Lee site is not something you can go to now.

Lesson 2

Headings
- Here’s an alternative besides looking at your code in the browser, if you’re having trouble. You can paste your code into this site.
- You don’t have to use Notepad. Use whatever text editor you have.

Lesson 3

Paragraphs

Lesson 4

The Head and Body

Lesson 5

Lists

Lesson 6

Headers and Footers
How to leave a question in the forum.
- Look for a post with the lesson number you have a question about.
- If there is one, leave a comment there after checking to see if someone else had the same question that was maybe already answered.
- If there isn’t a post with the lesson number, create a post. Use the lesson number as the title, Lesson 4, for example.

Lesson 7

Links

Lesson 8

Div Id

Lesson 9

Navigation

Lesson 10

Images
You need to follow my directions in the written lessons and not copy the code from the video. The Learning-with-Lee site is no longer owned by me. It has been bought up as a phishing site.

Lesson 11

Images as Links
Last reminder: Don’t use links to Learning-with-Lee.com. They are no longer valid. Use the directions I give you in the written lessons.
How to leave a question in the forum.
- Look for a post with the lesson number you have a question about.
- If there is one, leave a comment there after checking to see if someone else had the same question that was maybe already answered.
- If there isn’t a post with the lesson number, create a post. Use the lesson number as the title, Lesson 4, for example.

Lesson 12

Links (again)

Lesson 13

Video

Lesson 14

Project

Lesson 15

Text Editor
Here is an editor for the browser that’s a version of Visual Studio Code, if you can’t download.

Lesson 16

Git
Here is a lesson to get setup with Git on a Chromebook. Part of this is going into what the next lesson is (Github). Wait till you have at least an hour and then work on these two lessons together if you have a Chromebook.

Lesson 17

Github (You get online with this lesson! It’s longer than the others. Be patient.)

Lesson 18

Making Changes, Adding Comments

Lesson 19

Span

Lesson 20

Font Awesome!

Lesson 21

Style.css
How to leave a question in the forum.
- Look for a post with the lesson number you have a question about.
- If there is one, leave a comment there after checking to see if someone else had the same question that was maybe already answered.
- If there isn’t a post with the lesson number, create a post. Use the lesson number as the title, Lesson 4, for example.

Lesson 22

Selectors

Lesson 23

Property and Value

Lesson 24

Font

Lesson 25

Choosing Fonts

Lesson 26

Using Color

Lesson 27

Project How-To Part 1

Lesson 28

Project How-To Part 2

Lesson 29

Project How-To Part 3

Lesson 30

Project How-To Part 4

Lesson 31

Padding

Lesson 32

Reset

Lesson 33

Border

Lesson 34

Margin

Lesson 35

List Style

Lesson 36

Sizing
How to leave a question in the forum.
- Look for a post with the lesson number you have a question about.
- If there is one, leave a comment there after checking to see if someone else had the same question that was maybe already answered.
- If there isn’t a post with the lesson number, create a post. Use the lesson number as the title, Lesson 4, for example.

Lesson 37

Background
How to inspect

Lesson 38

Z-Index (background video)

Lesson 39

Opacity

Lesson 40

Fixed

Lesson 41

Flex – Intro

Lesson 42

Flex Direction

Lesson 43

Media Query

Lesson 44

Flexbox

Lesson 45

Flex Grow

Lesson 46

Display

Lesson 47

Pseudo-Classes

Lesson 48

Project – Calculator

Lesson 49

Project – Calculator 2 (CSS)

Lesson 50

Project – Calculator 3 (Javascript Intro)

Lesson 51

Project – Calculator 4 (JQuery Intro)
How to leave a question in the forum.
- Look for a post with the lesson number you have a question about.
- If there is one, leave a comment there after checking to see if someone else had the same question that was maybe already answered.
- If there isn’t a post with the lesson number, create a post. Use the lesson number as the title, Lesson 4, for example.

Lesson 52