girldevelopit / gdi-featured-html-css-intro

Slides and handouts for GDI Intro to HTML course
MIT License
90 stars 243 forks source link

Updated Curriculum Content #52

Open mahdiASC opened 5 years ago

mahdiASC commented 5 years ago

I've mainly streamlined the content and updated slides for clarity and an improved student experience.

General Improvements:

Class 1:

  1. Included explanation of how a browser works
  2. Segmented Head & Body content to allow student to code along

Class 2:

  1. Included ample examples and quiz-like slides about classes and ids and the cascade
  2. Added emphasis on "googling" as an important developer skill

Class 3:

  1. Altered the beginning quiz to be more challenging and relevant
  2. Included ample examples about inline and block element behavior
  3. Added new content regarding code readability
  4. Improved the semantic HTML5 elements to include explanation of when to use each
  5. Included ample examples about the box model and significantly shortened the remainder of the box model section
  6. Removed the following content: span, psuedo-classes, wrappers, width, and height.

Class 4:

  1. Added a quiz at the start (for consistency between classes)
  2. Included optional review section covering classes, ids, divs, and semantic HTML5
  3. Included ample examples about relative and absolute positioning
  4. Included ample examples about float
  5. Added new content regarding wireframing
  6. Added new content dedicating time for students to work on their websites
  7. Removed the following content: Z-index