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,660