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/

Piyali Kundu

Solution Engineer

Twitter: @YouKunduIt

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

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:

 

hands-on learning - building apps

ArcGIS API for JavaScript

Hands-on Learning Lab

Agenda

1. Demo: Create a starter app

2. Sign up, Sign in

- 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

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