Overiview - GITting down with labs and code

Objectives

Goals

• Create a basic webpage
• Add a map with markers
• Publish your page onto GitHub pages

Reminder

The pre-lab must be completed before attempting this lab.

Lab outline

1. Using VS Code
2. Writing HTML
3. Writing CSS
4. Adding a Map
5. Publishing with GitHub Pages
6. Final Lab Code

This lab will walk you through the process of creating a static web page in HTML with some additional style elements using CSS. Then you will be tasked to host it using GitHub pages.

Note: I highly recommend checking out the MapLibreGL documentation. Looking at any documentation before choosing any software is important, because badly documented libraries can make tools difficult to use.