Noob Coding

Community Built Web Development Courses

Module 3: Expanding on HTML and CSS

This module aims to provide Noob Coders with a good understanding of HTML and CSS. The module guides a developer through the steps of building a simple static website, exploring the use of different HTML tags and styling techniques.

When completing the module, Noob Coders are expected to be able to build a replica of the sample website provided in this repo.

Pre-requisites

• Estimated duration: ?? hours.
• Computer
• VS Code or similar Text Editor

Course Contents

• HTML
  • The anatomy of the HTML Element
  • The anatomy of the HTML Document
  • Semantic HTML
    • Why should we use it?
    • Accessibility from day one!
  • Consuming external resources through links
• Building the skeleton of our webpage.
• Cascade style sheets (CSS)
  • Why that name?
  • CSS Syntax
  • CSS basic selectors (with a note about specificity)
  • The Box Model
• Styling our Webpage
  • Positioning…