Preparations
  • Setting Up The Developer's Environment
  • Creating Our First HTML Document
  • The Evolution of HTML (Supplementary Material)
  • Emmet Plugin and HTML Elements
  • Install Live Server Extension and Troubleshooting
  • Basic HTML Elements Coding Exercise
The HTML Structure
  • HTML Basic Structure and HTML Attributes
  • Knowledge Check
  • HTML Entities
  • HTML Entities Coding Exercise
  • Live Server Settings, Favicon, HTML Boiler Template
  • HTML Semantics and Web Page Creation
  • Knowledge Check
Cascading Style Sheets (CSS)
  • Ways to include CSS in a webpage
  • Knowledge Check
  • CSS: Styling the Web Through Time (Supplementary Material)
  • CSS Syntax and Selectors
  • Laboratory/Hands-on Activity
  • Knowledge Check
  • Inline and Block Level Elements
  • The Box Model: Understanding how layout works in CSS (A must read article)
  • Knowledge Check
  • Learning By Doing: Building A Job Application Form
  • More Info About Flexbox (Suplementary Material)
  • Learning By Doing: Building A Landing Page