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)
9. Project – War (setup)
10. Project – War (HTML)
11. Project – War (CSS)
12. Project – War (For Loops)
13. Project – War (Arrays)
14. Arrays
15. Project – War (Using for loops to make arrays)
16. Project – War (Shuffle)
17. Project – War (Review)
18. Project – War (Face Cards)
19. Project – War (Tie – audio)
20. Project – War (Find the Winner of a Tie)
21. Project – War (Ending the game)
22. Project – War (Going Online)
23. Project – War (Input)
24. Project – War (CSS)
25. Project – War (Compare, Boolean)
26. Project – War (Integers)
27. Project – War (Input)
28. Project – War (Input Variables)
29. Project – War (Emptying Input)
30. Project – War (Unbind, Mobile Display)