Client-Side Web GIS

The World Wide Web has become a valuable means to display, collect, and share geospatial data and maps. This course will explore the use of web technologies for developing web map applications. Students will learn to produce audience appropriate maps in the web environment using a variety of technologies and methods.

This class will specifically focus on client-side technologies and is broken into three broad components. First, you will learn to design maps and apps using the tools made available by the Environmental Systems Research Institute (ESRI) including ArcGIS Online, ArcGIS Web AppBuilder, ArcGIS ExperienceBuilder, and ArcGIS Pro. Next, you will explore client-side web programming technologies and languages. You will learn to define web content using hypertext markup language (HTML), style web content using cascading style sheets (CSS) and Bootstrap, and add functionality to a website using JavaScript and jQuery. Lastly, you will learn to produce web maps using the ESRI ArcGIS API for JavaScript and the free and open-source Leaflet JavaScript API. Through exploring these topics, you will also learn how the web works and how geospatial data are stored for use in the web environment. You will also develop some coding skills specific to HTML, CSS, and JavaScript. By the end of this course, you will be able to design a multipage website that includes web maps.

After completing this course you will be able to:

describe how the web works using client-server architecture. produce an audience appropriate web map using ArcGIS Online. publish data and maps for use in the web environment. describe geospatial data formats for use on the web and when each is most appropriate. solicit crowd sourced data using feature services to collect volunteered geographic information (VGI). produce and publish a web map application using Web AppBuilder for ArcGIS or ArcGIS ExperienceBuilder. develop multipage websites that are well styled and responsive using HTML, CSS, and Bootstrap. add functionality to web pages and web maps using JavaScript and jQuery. produce customized web maps using the ArcGIS API for JavaScript and the Leaflet JavaScript API.

Data and Resources

Additional Info

Field Value
Last Updated September 10, 2022, 16:02 (UTC)
Created September 10, 2022, 16:01 (UTC)