4.3 out of 5
4.3
40 reviews on Udemy

ArcGIS Web Maps with HTML, JS, CSS, and off the shelf tools

You will also learn Dojo, the ArcGIS and ArcGIS Server JavaScript API’s, Web Appbuilder Developer, and ArcGIS Online
Instructor:
Brandon Price
665 students enrolled
English [Auto]
Essentials of web programming and creating online mapping applications

There are several resources that can help you develop interactive online web maps. I will run through how to use these resources (both scripting and out of the box methods).

I will show how to create web maps/apps in an online environment and transition them from an off the shelf environment to a fully customizable one. It will give you all the necessary essentials to get started developing GIS web applications. This is targeted for those wanting to learn more about making maps online. Please refer to the overview video for further details.

Intro

1
Introduction

Capabilities of ArcGIS Online (Using off the shelf tools rather than scripting)

1
ArcGIS Online Overview

You can upload and store 2 gb of data to when you create a free (public) account on ArcGIS.com (also known as ArcGIS Online or AGOL for short).     

2
ArcGIS Online Overview Continued

Acceptable data uploads include MS Office files, pdfs, as well as several map related data formats. This is the comprehensive list: https://doc.arcgis.com/en/arcgis-online/reference/supported-items.htm#GUID-65A45BA3-68EA-4843-9313-1E3CF847D906

3
ArcGIS Online: Web Map Overview
4
ArcGIS Online: Create and Upload Data 1st Video

Be sure to watch this video

5
Upload Layers from Arcmap to ArcGIS Online
6
Web Appbuilder (Online)

Web Appbuilder is a sitebuilder like wordpress that is for map websites.  You can use programming even though overall it allows you to build sites without it through configurations. You need a free ArcGIS Developer account at developers.arcgis.com or an ArcGIS Online Organizational Account to access it. It can be accessed through ArcGIS Online or downloaded to your computer known as developer version. I will show you the online version in this video.

7
Create a Web Map with Configurable Apps (Online)

This video shows another way to build map websites like web appbuilder does called configurable . You only need a generic ArcGIS Online Public Account to access it. 

Learning Programming

1
History of the Internet and Programming Basics
2
Learning HTML and CSS
3
Learning Javascript

Customize off the shelf online maps with programming

1
Popups: Methods 1 and 2 (Configure and Minimal)
2
Popup Method 3 (no HTML)
3
Popup Method 3 (with HTML) and adding photos in Popups
4
Arcade (Javascript) Expressions in Web Maps
5
CSS in a Mapping App
6
Create a Custom Basemap
7
Create a Webmap with Custom Basemap
8
AGO Assistant

https://ago-assistant.esri.com

9
Learning ArcGIS Server Rest Javascript API

Learning Web Appbuilder Developer: half off the shelf/half customizable builder

1
Web Appbuilder (Developer) Setup

Download this site builder at developer.arcgis.com.

2
Web Appbuilder (Developer)

Create your own widget (map tool): https://developers.arcgis.com/web-appbuilder/sample-code/create-custom-in-panel-widget.htm

Download and Customize

1
Web Appbuilder Developer Part 1

Make changes to the script. 

Style the Title

Remove Preset Logos

Add custom logo

Rearrange widgets



2
Customizing a downloaded Web Appbuilder Developer Script P2

I show you how to:

Make pop-ups moveable

Use a background image,  add a splash page after downloading,  and add a layer to the legend after downloading.

3
ArcGIS API Overview

I say that ArcGIS API version for is only 3D. This is incorrect.  It is both for 2D and 3D map visualizations.

4
DOJO Overview
5
ArcGIS API Demos: Basemap Gallery. Reference a Web Map with a layer list
6
Transfer Sandbox to Computer
7
Story Map Intro

Please watch.

8
Story Map Setup

Easy changes:

Add text shadow

Add logo

Add hyperlinks


9
Walkthrough of Customized Storymap Script

More involved javascript

10
Sample App

Uploading and Hosting your website

1
Responsive Web Styling
2
Microsoft's Cloud Service: Azure
3
Final: Overview of Topics Covered
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.3
4.3 out of 5
40 Ratings

Detailed Rating

Stars 5
13
Stars 4
12
Stars 3
9
Stars 2
4
Stars 1
2
dd1dda75fa6ee0be542063f49c202551
30-Day Money-Back Guarantee

Includes

14 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion