HTML LESSONS (part 1)
- What is HTML?
- Headings
- Paragraphs
- The Head and Body
- Lists
- Headers and Footers
- Links
- Div Id
- Navigation
- Images
- Images as Links
- Links (again)
- Video
- Project
- Atom
- Git
- Github (You get online with this lesson! It’s longer than the others. Be patient.)
- Making Changes, Adding Comments
- Span
- Font Awesome!
CSS LESSONS (part 2)
- Style.css
- Selectors
- Property and Value
- Font
- Choosing Fonts
- Using Color
- Project How-To Part 1
- Project How-To Part 2
- Project How-To Part 3
- Project How-To Part 4
- Padding
- Reset
- Border
- Margin
- List Style
- Sizing
- Background
- Z-Index (background video)
- Opacity
- Fixed
- Flex – Intro
- Flex Direction
- Media Query
- Flexbox
- Flex Grow
- Display
- Pseudo-Classes
- Project – Calculator
- Project – Calculator 2 (CSS)
Javascript LESSONS (part 3)
- Project – Calculator 3 (Javascript Intro)
- Project – Calculator 4 (JQuery Intro)
- Project – Calculator 5 (this, commenting)
- Project – Calculator 6 (if statements)
- Project – Calculator 7 (null)
- Project – Calculator 8 (return)
- Project – Calculator 9 (length)
- Project – Calculator 10 (going online, fork)
- Project – War (setup)
- Project – War (HTML)
- Project – War (CSS)
- Project – War (For Loops)
- Project – War (Arrays)
- Arrays
- Project – War (Using for loops to make arrays)
- Project – War (Shuffle)
- Project – War (Review)
- Project – War (Face Cards)
- Project – War (Tie – audio)
- Project – War (Find the Winner of a Tie)
- Project – War (Ending the game)
- Project – War (Going Online)
- Project – War (Input)
- Project – War (CSS)
- Project – War (Compare, Boolean)
- Project – War (Integers)
- Project – War (Input)
- Project – War (Input Variables)
- Project – War (Emptying Input)
- Project – War (Unbind, Mobile Display)