Thomas Wallace

Lectures and Resources

IFSC 1310
IFSC 3342
IT Garnet
Resources
About
Contact
Course Archive

Mobile First Design and Introduction to Schema

Mobile-First Approach
- Codecast
Microdata Overview

Assignment

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

Create a new project directory in your workspace named resume.
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).
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.
Once you have everything in place, validate your html and run the url through Google’s Structured data testing tool.
Be sure add a link to the course index in your dev space.
Do some research on Schema and its value in modern web development.
Be prepared to discuss your experience and findings on Tuesday.

Additional Reading

Understanding Structured Data
JSON-LD
JSON Resume
- Generators

Recently Read

Offline Is Just Online With Extreme Latency - Jim Nielsen’s Blog
GitHub Copilot explaining code and translating it from one language to another | Christian Heilmann
Web Performance Calendar » Performance Implications of JavaScript Errors
Old CSS, new CSS / fuzzy notepad
300 CSS properties with examples | list of 300 properties 2020 | CSS Digger

Odds & Ends

About
Contact
Society of Computer and Information Science
UA Little Rock eSports Club
Site bugs and wish list

© 2006-2022 Thomas Wallace