Getting Started with ArcGIS API for JavaScript Kelly Hutchins Nick Senger Overview Setting up dev environment • Debugging tips and tricks • Tour of the SDK • Build an app • - Create map - Add layer - Make it interactive - Add widgets Focusing on version 4.0 for this presentation • Concepts are similar between 3.x and 4.0 • Version 3.x UC 2015 presentation and demos are available • TODO ADD LINK TO GITHUB REPO WITH SLIDES AND DEMOS • Where to begin? https://developers.arcgis.com/javascript Choosing a version https://developers.arcgis.com/javascript/latest/guide/choose-version/index.html Developer Setup Choose an IDE • Code assist • Helpful tools • Get the API CDN • Custom builds • Download API • https://developers.arcgis.com/javascript/latest/guide/using-bower/index.html CSS Main.css • View.css • Custom css (SASS) • https://developers.arcgis.com/javascript/latest/guide/styling/index.html JSAPI Resources Collection of resources to aid development in the JSAPI • Some of these include: • JSHint file - Helps to detect errors and potential problems in code - Typescript definition file - Provides code assist in some IDE’s such as Visual Studio Code - Build tools, e.g. Bower for custom builds of the API - Callback page for popups using OAuth2 for security - https://github.com/Esri/jsapi-resources Build first app