v5 Week 09: CSS Layout

Week	Topic	Learning Objectives	Key Resources
9	HTML and Accessibility	Students will be able to write basic HTML to format content into headers, sections, images, forms, etc.; understand file structure for the purpose of referencing other files within the same repository; explain the importance of using accessibility features when building a site.	Week 9 Slides (TBD)

Overview

• Intro to HTML and CSS
  • HTML for content, CSS for styling
  • HTML vs CSS vs JavaScript
• Basic HTML Syntax
  • Elements and Tags
  • HTML Boilerplate
    • Write basic HTML boilerplate
    • Open an HTML file in your browser
  • Working with text - paragraphs, headings, nesting, comments
  • Lists
  • Links and Images
  • Forms
  • Semantic HTML
  • Intro to core accessibility principles

Guidance for Mentors

• This week, the Scrimba content does not have the same level of detail as the Project Odin content. Encourage students to read the Project Odin pages, even if they normally just watch the videos.
• Students are briefly introduced to the differences between HTML, CSS, and JavaScript. Preview the JavaScript learning that students will do in the coming weeks.
• These videos on web accessibility perspectives may be great tools for discussion in your group sessions.

Assignment Rubric

The main goal of this week's assignment is wrapping the content in last week's index.html file in boilerplate HTML. Check to see that the student has added:

• Head element, including title element and at least two additional elements from this W3 Schools resource
• Body element, properly opened and closed
• Appropriate heading and paragraph elements
• Section elements around the About, Experience, and Connect sections
• Completed pull request with new content