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?

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

Lesson 4

Lesson 5

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

Lesson 8

Lesson 9

Lesson 10

Lesson 11

  • Images as Links
  • 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

Lesson 13

Lesson 14

Lesson 15

Lesson 16

Lesson 17

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

Lesson 18

Lesson 19

Lesson 20

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

Lesson 23

Lesson 24

Lesson 25

Lesson 26

Lesson 27

Lesson 28

Lesson 29

Lesson 30

Lesson 31

Lesson 32

Lesson 33

Lesson 34

Lesson 35

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

Lesson 38

Lesson 39

Lesson 40

Lesson 41

Lesson 42

Lesson 43

Lesson 44

Lesson 45

Lesson 46

Lesson 47

Lesson 48

Lesson 49

Lesson 50

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

Lesson 53

Lesson 54

Lesson 55

Lesson 56

Lesson 57

Lesson 58

Lesson 59

Lesson 60

Lesson 61

Lesson 62

Lesson 63

Lesson 64

Lesson 65

Lesson 66

Lesson 67

Lesson 68

Lesson 69

Lesson 70

Lesson 71

Lesson 72

Lesson 73

Lesson 74

Lesson 75

Lesson 76

Lesson 77

Lesson 78

Lesson 79

Lesson 80

Lesson 81

Here’s a free course that will get you a lot deeper into Javascript and give you a lot more code to use to help you build your own projects.