Thomas Wallace

Lectures and Resources

Mobile First Design and Introduction to Schema

Assignment

Using the source code in the following pen – Microdata Resume Starter, do the following.

  1. Create a new project directory on Repl.it named resume.
  2. Using HTML5 Boilerplate as your starting point, add the html and css from codepen to the appropriate locations in your files. Make sure add appropriate values to the head of the boilerplate document (title,lang,description).
  3. Populate the resume template with your information. Pay special attention to the markup when adding content as to not break the structure of the underlying schema.
  4. Once you have everything in place, validate your html and run the url through Google’s Structured datatesting tool.
  5. Be sure add a link to the course index in your dev space.
  6. Do some research on Schema and its value in modern web development.
  7. Be prepared to discuss your experience and findings on Tuesday.