Instructional Designer
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.
Preview
Course Details
Published: September 4, 2019
Rating
Learn Straight from the Experts Who Shape the Modern Web
Your Path to Senior Developer and Beyond
- 300+ In-depth courses
- 24 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.
Earn a Completion Certificate
After completing this course, you'll receive a certificate of completion that serves as proof of your achievement, showcasing your expertise, and commitment to professional development. You can easily share this certificate on your LinkedIn profile to highlight your new skills and demonstrate continuous learning to potential employers and professional connections.