Thomas Wallace

Lectures and Resources

Mobile First Demo and Schema

Assignment

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

  1. Create a new project directory on Cloud9 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 data testing tool.
  5. Be sure add a link to the course index in your dev space.
  6. Be prepared to discuss your experience and findings on Tuesday.

 

Additional Reading