From c22bd631b5e5df1c45abc02585bfe8a92b98001d Mon Sep 17 00:00:00 2001 From: demet Date: Tue, 23 Jan 2024 11:04:25 -0800 Subject: [PATCH] minor edits --- index.md | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/index.md b/index.md index 1faa7fa..ae4a779 100644 --- a/index.md +++ b/index.md @@ -9,16 +9,14 @@ nav_order: 1 Leaflet Logo -## Introduction +This beginner-level workshop is intended for anyone interested in getting started creating web maps. There are two main sections: an introduction to web maps, and a hands-on where we will copy/paste code to make an interactive map of UBC-V Campus powered by [Leaflet](https://leafletjs.com/). This workshop aims to develop the fundamental knowledge and skills to begin web mapping while providing opportunities to ask questions. Upon completion of this workshop you will have a [boilerplate code](https://www.freecodecamp.org/news/whats-boilerplate-and-why-do-we-use-it-let-s-check-out-the-coding-style-guide-ac2b6c814ee7/) which you can build upon and tinker with on your own. -This beginner-level workshop is intended for anyone interested in getting started with creating web maps. There are two main sections: an introduction to web maps, and a hands-on where we will copy/paste code to make an interactive map of UBC-V Campus powered by [Leaflet](https://leafletjs.com/). This workshop aims to develop the fundamental knowledge and skills to begin web mapping while providing opportunities to ask questions. Upon completion of this workshop you will have a [boilerplate code](https://www.freecodecamp.org/news/whats-boilerplate-and-why-do-we-use-it-let-s-check-out-the-coding-style-guide-ac2b6c814ee7/) which you can build upon and tinker with on your own. +## What you will build + ## Pre-Workshop Setup -### Workshop Data -All of the data for this workshop is free and openly available. However, to get started you'll need to download and save it to your computer. During the hands-on portion you'll work with this data in your source-code editor by copy/pasting the code provided to you. - -Click on the 'Download Data' button below to start the download. Once complete, **extract the contents of the .zip file**. +All of the data for this workshop is free and openly available. However, to get started you'll need to download and save it to your computer. During the hands-on portion you'll work with this data in your source-code editor by copy/pasting the code provided to you. Click on the 'Download Data' button below to start the download. Once complete, **extract the contents of the .zip file**. [Download Data](content/intro-leaflet-data.zip){: .btn .btn-blue } @@ -26,8 +24,6 @@ Click on the 'Download Data' button below to start the download. Once complete, - **Internet browser (and an internet connection)**. The most recent versions of [Mozilla Firefox](https://www.mozilla.org) and [Google Chrome](https://www.google.com/chrome/) are the recommended browsers. - **Source code editor**. To make your life easier while viewing or editing code, it's good to use a [source code editor](https://en.wikipedia.org/wiki/Source_code_editor). In this workshop we'll use [Visual Studio Code](https://code.visualstudio.com/download), but other editors like [Notepad++](https://notepad-plus-plus.org/) and [Sublime Text](https://www.sublimetext.com/3) will work similarly. - -### Prerequisites Making maps is hard. And, without practice, working in the web is hard too. While there are no prerequisites for this workshop, familiarity with cartographic principles and a basic understanding of what code is and does will make diving into web mapping easier. Refer to these resources at any time: - **Intro level knowledge of computer programming**. [Matt Adesanya's *A Gentler Introduction to Programming*](https://www.freecodecamp.org/news/a-gentler-introduction-to-programming-1f57383a1b2c/) is a great starting point, and will be more than you need for this workshop. @@ -35,17 +31,14 @@ Making maps is hard. And, without practice, working in the web is hard too. Whil - **Understanding of basic cartographic design concepts**. What is map making without a consideration of cartography? Axis Maps has written a phenomenal [short guide to cartography](https://www.axismaps.com/guide/), and [the web map module](https://www.axismaps.com/guide/web/should-a-map-be-interactive/) is especially relevant. +All set? Let's begin! -### What you will build - - -All set? Let's begin web mapping! +
#### GIS Resources at UBC: - General Informational website for all things UBC GIS: [gis.ubc.ca](http://gis.ubc.ca/) -- UBC Library's guide for finding and working with GIS resources: [guides.library.ubc.ca/gis](http://guides.library.ubc.ca/gis) - UBC's GIS Slack (create your own channel or lurk!): [ubcgis.slack.com](https://ubcgis.slack.com/) - Archive of all [Research Commons workshops](https://ubc-library-rc.github.io/all.html) - Contact UBC Library’s Geospatial team: `library.gis@ubc.ca`