Jen Kramer
AnnieCannons
Website Embeds & GitHub Pages
54 minutes
CC
Course Description
Learn how to leverage embedded web fonts and Google Maps into your web pages and how to host a website for free on GitHub Pages. Then, practice your new skills by creating a portfolio website.
This course and others like it are available as part of our Frontend Masters video subscription.
Preview
Close
Course Details
Published: September 4, 2019
Learn Straight from the Experts Who Shape the Modern Web
Your Path to Senior Developer and Beyond
- 200+ In-depth courses
- 18 Learning Paths
- Industry Leading Experts
- Live Interactive Workshops
Table of Contents
Embeds
Section Duration: 21 minutes
-
Jen discusses one resource for externally loading fonts. -
Jen showcases another widely known font source, and demonstrates how to insert a font into the form. -
Jen explains why it's important to limit the number of imported fonts on a webpage. -
Jen demonstrates how to add an embedded map into a webpage. -
Jen discusses ways videos and other media can be added to a page using embed codes from an external host.
Github Pages
Section Duration: 20 minutes
-
Jen walks students through creating a Github account and downloading GitHub Desktop, a GUI for GitHub. -
Students create their first Github repository, add their form files to it, and view their pages in the browser. -
Jen addresses several common issues that may come up during the process from the previous lessons. -
Jen summarizes what students have learned and explains how Github will be used going forward to create a portfolio.
Portfolios
Section Duration: 11 minutes
-
Jen congratulates students for successfully building the calculator, then assigns the portfolio project for students to complete. -
Jen shows off a few student portfolios.
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops