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
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
- Background
- How to inspect
Lesson 38
- Z-Index (background video)
Lesson 39
Lesson 40
Lesson 41
- Flex – Intro
Lesson 42
Lesson 43
Lesson 44
Lesson 45
Lesson 46
Lesson 47
Lesson 48
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
- Project – Calculator 5 (this, commenting)
Lesson 53
- Project – Calculator 6 (if statements)
Lesson 54
- Project – Calculator 7 (null)
Lesson 55
- Project – Calculator 8 (return)
Lesson 56
- Project – Calculator 9 (length)
Lesson 57
- Project – Calculator 10 (CSS)
Lesson 58
- Project – Calculator 11 (going online, fork)
Lesson 59
- Project – War (setup)
Lesson 60
- Project – War (HTML)
Lesson 61
- Project – War (CSS)
Lesson 62
- Project – War (For Loops)
Lesson 63
- Project – War (Arrays)
Lesson 64
Lesson 65
- Project – War (Using for loops to make arrays)
Lesson 66
- Project – War (Shuffle)
Lesson 67
- Project – War (Review)
Lesson 68
- Project – War (Face Cards)
Lesson 69
- Project – War (Tie – audio)
Lesson 70
- Project – War (Find the Winner of a Tie)
Lesson 71
- Project – War (Ending the game)
Lesson 72
- Project – War (Going Online)
Lesson 73
- Project – War (Input)
Lesson 74
- Project – War (CSS)
Lesson 75
- Project – War (Compare, Boolean)
Lesson 76
- Project – War (Integers)
Lesson 77
- Project – War (Input)
Lesson 78
- Project – War (Input Variables)
Lesson 79
- Project – War (Emptying Input)
Lesson 80
- Project – War (Unbind, Mobile Display)
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.