HTML Lesson

[kaylagordon]

The current HTML lesson is too simple for students now that they have 6 weeks of programming prior to this lesson. We'd like to change the format a bit to include some wireframing exercises. Students mentioned struggling with how to start Hang in There so these shifts in the HTML lesson could help with both issues.

From @hfaerber: "My thinking is that we still hit the key points (ids, classes, attributes in general, semantic HTML, etc) - but we hit those points by having them work through a wireframing exercises and practicing the challenge of coming up with html from scratch to meet some vision."

Based on student feedback:

• they weren't bored, but they already knew the basics from dog party so the 1st half wasn't as valuable

• 2nd half of the lesson was more valuable

  • attributes
  • when to use div vs semantic elements
  • which elements are semantic and which aren't

• more hands on work

• We should also revist the M2 intermission work on HTML and ensure it is highly focused on semantic elements

[hfaerber]

I updated this lesson to 1) use the lesson page itself for the warm up and immediately hit the key exploration points during the console Elements tab exploration and 2) hide the wireframed example so that we can wireframe it out together as a class 3) listed common semantic elements they can reach for.