Schedule > Intro to HTML & CSS

In today’s lesson, we will go over HTML & CSS. Both are declarative languages that have an extensive vocabulary. Both take time to master. If your goal is to become a strong web developer, it’s worth spending some time learning some of the fundamental constructs for each language. While there are higher-level frameworks that abstract aspects of these languages, debugging “vanilla” HTML & CSS is inevitable and unavoidable. Please complete the following readings / video tutorials:

Readings

1. HTML: Semantic Tags

• HTML Resources: Semantic Tags. (Course Website).
• LinkedIn Learning Playlist #1: Structuring Page Content w/Semantic Tags.
  Please review the following sections:
  • The value of structure
  • Controlling document outlines
  • The nav element
  • The article element
  • The section element
  • The aside element
  • The div element
  • Other semantic elements

2. CSS

• LinkedIn Learning Playlist #2: Intro to CSS Fundamentals.
  Please review the following sectctions:
  • Default Browser Styles
  • Browser Support & Inconsistencies
  • Inline, internal, and external stylesheets
  • Syntax, terminology, and naming conventions
  • Type, class, and id selectors
  • Practicing with simple selectors
  • Cascading, inheritance, and specificity

Optional (Recommended)

• Tali Garsiel and Paul Irish (2011). How Browsers Work: Behind the scenes of modern web browsers.

Slides

• Intro to HTML & CSS

Lecture Video(s)

• Recorded Lecture Video (46:24)