Coding Lessons

Introduction

HTML LESSONS (part 1)

  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!

CSS LESSONS (part 2)

  1. Style.css
  2. Selectors
  3. Property and Value
  4. Font
  5. Choosing Fonts
  6. Using Color
  7. Project How-To Part 1
  8. Project How-To Part 2
  9. Project How-To Part 3
  10. Project How-To Part 4
  11. Padding
  12. Reset
  13. Border
  14. Margin
  15. List Style
  16. Sizing
  17. Background
  18. Z-Index (background video)
  19. Opacity
  20. Fixed
  21. Flex – Intro
  22. Flex Direction
  23. Media Query
  24. Flexbox
  25. Flex Grow
  26. Display
  27. Pseudo-Classes
  28. Project – Calculator
  29. Project – Calculator 2 (CSS)

Javascript LESSONS (part 3)

  1. Project – Calculator 3 (Javascript Intro)
  2. Project – Calculator 4 (JQuery Intro)
  3. Project – Calculator 5 (this, commenting)
  4. Project – Calculator 6 (if statements)
  5. Project – Calculator 7 (null)
  6. Project – Calculator 8 (return)
  7. Project – Calculator 9 (length)
  8. Project – Calculator 10 (going online, fork)