Welcome to...
Esri Open Hours
Dev Lab: ArcGIS API for JavaScript
April 24, 2019

Jim Barry
GeoDeveloper Advocate
Twitter: @JimBarry
This deck: slides.com/jimbarry/esri-open-hours-april-2019
Meetup.com - https://www.meetup.com/devmeetupnortheast/

arcgis.com
developers.arcgis.com
Free Developer Subscription
1,000 credits voucher code
ESCAPENYC
developers.arcgis.com
APIs, SDKs
App Templates, App Builders
Samples, Documentation
Maps, Apps, Web Services, Data




What can you do?

DATA
- Services: Search, Find, Use
- Datasets: Import from CSV, XLSX, SHP
- Create new data with analysis tools
- Collect your own data: GPS, Collector
SEARCH





IMPORT
CREATE








COLLECT

DATA PORTALS

https://hifld-dhs-gii.opendata.arcgis.com/
http://health.geoplatform.opendata.arcgis.com/

data.gov

https://www.census.gov/geo/maps-data/


DATA PORTALS
opendata.cityofnewyork.us


Let's do it
New to ArcGIS?
Suggestions for advanced learners
hands-on learning - working with data
DESIGN
- Create a Web Map
- Choose basemap
- Load useful layers on top
- Clear, useful cartography
- Design clear, useful popups
CHOOSE BASEMAP






STYLE VECTOR MAPS
https://developers.arcgis.com/vector-tile-style-editor/

SMART CARTOGRAPHY, USEFUL POPUPS

map: thanks Stephanie Cowles, SF Gov
ONLINE SPATIAL ANALYSIS TOOLS


Let's do it
New to ArcGIS?
Suggestions for advanced learners
hands-on learning - designing maps
DEVELOP
- Create an app from a template
- Create an app from a builder
- Create an app using APIs, SDKs
- search, find, "borrow" others' code!!
App Builders
web and native
ArcGIS Web AppBuilder
developers.arcgis.com/web-appbuilder









Build a Web App


Let's do it
New to ArcGIS?
Other app building options:
- Create a Story Map Tour
- Display a web map (JavaScript coding required)
- Build an ArcGIS Pro Add-in (VB or C# coding required)
hands-on learning - building apps
ArcGIS API for JavaScript
Hands-on Learning Lab
Agenda
1. Demo: Create a starter app
- ArcGIS Online, Codepen (or equivalent)
2. Tour your Developer Dashboard
3. Tour the JavaScript API dev site
4. Tour the Developer Tutorials
5. Browse the JavaScript Tutorials
6. HANDS-ON LEARNING (see next slide)
7. Sum up: Online community and resources
Hands-on learning
0: Import Data, Create a web map
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
Social Coding
Social Coding

esri.github.com or github.com/Esri
Social Coding

esri.github.com or github.com/Esri

Online Community
GeoNet
Esri's online community - geonet.esri.com


GeoNet
Sometimes you just need a forum

GIS StackExchange
gis.stackexchange.com

Slack!
theSpatialCommunity.slack.com

CodeSharing.arcgis.com

Esri Developer Summit - #devsummit



Esri Open Hours April 2019
By Jim Barry
Esri Open Hours April 2019
- 1,756