Learn rapid web prototyping using the U.S. Web Design System and GitHub Pages

Tidepool 3

In this course, you’ll learn the following:

– The benefits of prototyping and testing content and interactions in the browser early in the design phase

– Setting up Codepen and GitHub accounts

– Speaking Markdown, the language of GitHub and the static site generator, Jekyll

– Getting started using templates

– Setting up dev environments in the cloud without complicated installations or the command line

– Working with content pages

– Creating and editing layouts

– Using design tokens and utility classes with the U.S. Web Design System (USWDS) to customize the visual design

– How to go further with Jekyll and USWDS

By the end, you will have your own GitHub repository up and running with your own content that you can iterate on and test in the browser.

Entry level Tools and Techniques