Get Started with
ArcGIS for Web Developers
developers.arcgis.com
Jim Barry Solution Engineer, Infrastructure
@JimBarry jbarry@esri.com



What are we going to cover?
0. What is ArcGIS?
1. App examples
2. Dev website and dashboard
3. REST API
4. Data > Design > Develop
5. JavaScript API
6. Hello World
7. Frameworks - React
8. Resources
What is ArcGIS?
- Apps and APIs for mapping your data
- Create, manage, analyze, share maps









What is ArcGIS?
- Apps and APIs for mapping your data
- Create, manage, analyze, share spatial data
Lightweight options:
- ArcGIS Online - fully online SaaS, nothing to install
- Data Science - Python packages for analysis, data management
- Developer tools - SDKs, APIs, app builders and templates, open source repos
Heavier options:
- ArcGIS Pro - desktop workstation
- ArcGIS Enterprise - server of maps, tools, IT integration











https://developers.arcgis.com/documentation/mapping-apis-and-location-services/
ArcGIS for Developers website - developers.arcgis.com
- host data as web services
- make maps
-
build apps
- api keys
- app builders
- templates
- cloud hosting
- cloud data mgmt
- cloud processing

1. App examples
2. Dev website
3. REST API




https://route.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World/solve?stops=-117.1956,34.0564;-117.1825,34.0572&token=[token]&f=pjson







4. Data > Design > Develop


if you just want to see the solution


Search for data
- Data portals
- web search keywords: GIS, map, data, download
- government "open data" portals: fed, state, county, city
- data.gov
- ArcGIS Online - ArcGIS.com
- shared by the ArcGIS user community
- Living Atlas of the World

Search for data
- hub.arcgis.com - open data




https://services.arcgis.com/uKN48PkxmWiqJM9q/arcgis/rest/services/DSNY_GetFoodNYC_Sites_(open_data)/FeatureServer/0/
"REST Endpoint" =
URL/URI to a hosted feature service, web service


Import data




Shapefiles
File Geodatabases
GeoJSON
CSV
Excel
KML/KMZ
GeoPackage


https://developers.arcgis.com/documentation/mapping-apis-and-location-services/data/tutorials/tools/
import-data-as-a-feature-layer/






shortcut
REST endpoint URL





also supports HTML/CSS formatting


Web AppBuilder
Experience Builder

Operations Dashboard

StoryMaps
5. JavaScript API
Hands-on learning
0: Import Data, Create a web map (if needed)
1. Create a starter app - Hello World!
5. Add a widget - Get map coordinates
6. Search and find NYC Open Data (bike data demo)
7. Connect to GeoJSON data, Intro to SODA API
8. More new stuff: Editor widget, DotDensityRenderer
Get started with the ArcGIS API for JavaScript
24 Tutorials - 10-15 min each
ArcGIS API for JavaScript - developer website


Full support for:
- Popular web frameworks
- TypeScript


6. Hello World
7. Frameworks, React
JavaScript Frameworks
- github.com/esri



for non-Dojo apps
Angular
React

youtube.com : search "arcgis react"

8. Resources
Esri
Community
- 24/7
- Global
- Q&A forums
- Blog
- Videos
community.esri.com

Esri
on Github
- apps, templates, libraries, tools


Get Started with
ArcGIS for Web Developers
developers.arcgis.com
Jim Barry Solution Engineer, Transportation
@JimBarry jbarry@esri.com



ArcGIS for Developers for Charter
By Jim Barry
ArcGIS for Developers for Charter
- 695