HTML & CSS Path.md

Intro to HTML

• Your first HTML page
  • HTML - Purpose
  • Elements vs. Tags
  • Including Stylesheets
  • Including Scripts
• HTML elements
  • Content Elements
    • ul, ol, li, a, img
  • Text Elements
    • h1-h6, p, span, pre, blockquote, em, strong
  • Layout Elements
    • div, header, aside, main, section, article, footer, nav
  • Attributes
  • Semantic HTML
• Tabular data - supplemental
  • Table Elements
    • table, tr, th, td
  • Data Elements
    • dl, dt, dd
  • Simple Data Structures
• Forms & Input Elements
  • Form Elements
    • form, input, textarea, button, select, option, label
  • Forms Without Javascript
  • Attributes Advanced HTML - supplemental
• Canvas and web graphics
• Web media (audio, video)
• Geolocation Intro to CSS
• CSS Selectors
  • CSS rules
  • CSS declarations
  • Selectors & combinators
  • Relational selectors:

    • , +, ~, []

  • Pseudoclasses
  • Pseudoelements
• CSS Layouts
  • Box model
  • Responsive web design
  • Grid, x-column, etc layouts
  • CSS Positioning
• Basic CSS properties Advanced CSS - supplemental
• CSS Animations
  • Transitions
  • Transforms
  • Keyframes
• CSS3
• CSS tooling
  • Bower
  • Development vs delivery
  • Preprocessing
  • Minification
  • normalize.css, modernizr, bootstrap? Sass
• Basic Sass syntax
  • extend and import
• Sass tooling
  • Bourbon
  • etc