HTML 5

Other Computer Courses – coding, Microsoft, and more

Course Description (click here)

If you are sent to Lesson 1, click on number 1 below.

  1. What is HTML?
  2. Headings
  3. Paragraphs
  4. The Head and Body
  5. Lists
  6. Headers and Footers
  7. Links
  8. Div Id
  9. Navigation
  10. Images
  11. Images as Links
  12. Links (again)
  13. Video
  14. Project
  15. Atom
  16. Git
  17. Github  (You get online with this lesson! It’s longer than the others. Be patient.)
  18. Making Changes, Adding Comments
  19. Span
  20. Font Awesome!
  21. Style.css
  22. Selectors
  23. Property and Value
  24. Font
  25. Choosing Fonts
  26. Using Color
  27. Project How-To Part 1
  28. Project How-To Part 2
  29. Project How-To Part 3
  30. Project How-To Part 4
  31. Padding
  32. Reset
  33. Border
  34. Margin
  35. List Style
  36. Sizing
  37. Background
  38. Z-Index (background video)
  39. Opacity
  40. Fixed
  41. Flex – Intro
  42. Flex Direction
  43. Media Query
  44. Flexbox
  45. Flex Grow
  46. Display
  47. Pseudo-Classes
  48. Project – Calculator
  49. Project – Calculator 2 (CSS)
  50. Project – Calculator 3 (Javascript Intro)
  51. Project – Calculator 4 (JQuery Intro)
  52. Project – Calculator 5 (this, commenting)
  53. Project – Calculator 6 (if statements)
  54. Project – Calculator 7 (null)
  55. Project – Calculator 8 (return)
  56. Project – Calculator 9 (length)
  57. Project – Calculator 10 (CSS)
  58. Project – Calculator 11 (going online, fork)
  59. Project – War (setup)
  60. Project – War (HTML)
  61. Project – War (CSS)
  62. Project – War (For Loops)
  63. Project – War (Arrays)
  64. Arrays
  65. Project – War (Using for loops to make arrays)
  66. Project – War (Shuffle)
  67. Project – War (Review)
  68. Project – War (Face Cards)
  69. Project – War (Tie – audio)
  70. Project – War (Find the Winner of a Tie)
  71. Project – War (Ending the game)
  72. Project – War (Going Online)
  73. Project – War (Input)
  74. Project – War (CSS)
  75. Project – War (Compare, Boolean)
  76. Project – War (Integers)
  77. Project – War (Input)
  78. Project – War (Input Variables)
  79. Project – War (Emptying Input)
  80. Project – War (Unbind, Mobile Display)

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.

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 my educational site.)

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.

Don’t give up. Coding is nothing but problem solving. There will always be problems, but there are always solutions.