What did we learn last time?

Readings discussion

• questions?

Random Questions

• What's a class?
• What's an attribute?
• What's the id?
• What's the difference between the head and the body
• Content vs Style
• What's the DOM

Group Exercise

We have the tweets collected from yesterday for the class. Let's design a web page to show display and grade them.

Audience and objective

• Who are we targeting? Users
• What do we want them to do? Task

Resources

What do we have to show?

• Tweets
  • Handle
  • Text
  • User image
  • Date
• University Logo
• What else?

Wireframe it

Test it

Code it

• We can use JSFiddle or Codepen to write it online

• Or we can build it locally (I recommend Sublime + emmet)

Web Developer tools

Exercise

Design and write the HTML of your home page

• Code it and put it on github

Share your results

Required Readings Next session

• https://www.codecademy.com/learn/learn-html-css CSS Section
• https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_webCSS Basics