Website Embeds & GitHub Pages

Embeds

• 
  00:00:00 - 00:03:37

  Web Fonts

  Jen discusses one resource for externally loading fonts.
• 
  00:03:38 - 00:12:35

  Google Fonts

  Jen showcases another widely known font source, and demonstrates how to insert a font into the form.
• 
  00:12:36 - 00:14:42

  Web Font Performance

  Jen explains why it's important to limit the number of imported fonts on a webpage.
• 
  00:14:43 - 00:18:12

  Embedding Google Maps

  Jen demonstrates how to add an embedded map into a webpage.
• 
  00:18:13 - 00:21:48

  Additional Embed Types

  Jen discusses ways videos and other media can be added to a page using embed codes from an external host.

Github Pages

• 
  00:21:49 - 00:26:32

  GitHub Setup

  Jen walks students through creating a Github account and downloading GitHub Desktop, a GUI for GitHub.
• 
  00:26:33 - 00:38:58

  Repository Setup

  Students create their first Github repository, add their form files to it, and view their pages in the browser.
• 
  00:38:59 - 00:40:33

  Troubleshooting

  Jen addresses several common issues that may come up during the process from the previous lessons.
• 
  00:40:34 - 00:42:44

  Review & Project Preview

  Jen summarizes what students have learned and explains how Github will be used going forward to create a portfolio.

Portfolios

• 
  00:42:45 - 00:45:24

  Portfolio Exercise & Wrap-up

  Jen congratulates students for successfully building the calculator, then assigns the portfolio project for students to complete.
• 
  00:45:25 - 00:54:32

  Portfolio Example Solutions

  Jen shows off a few student portfolios.