Introduction to Web Development Using ArcGIS API for JavaScript TM STUDENT EDITION

(1)

Introduction to Web

Development Using ArcGIS

®

API

for JavaScript

TM

(2)

Course version 4.0. Version release date August 2020. Printed in the United States of America.

The information contained in this document is the exclusive property of Esri. This work is protected under United States copyright law and other international copyright treaties and

conventions. No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying and recording, or by any information storage or retrieval system, except as expressly permitted in writing by Esri. All requests should be sent to Attention: Director, Contracts and Legal, Esri, 380 New York Street, Redlands, CA 92373-8100, USA.

Export Notice: Use of these Materials is subject to U.S. export control laws and regulations

including the U.S. Department of Commerce Export Administration Regulations (EAR). Diversion of these Materials contrary to U.S. law is prohibited.

The information contained in this document is subject to change without notice.

Commercial Training Course Agreement Terms: The Training Course and any software,

documentation, course materials or data delivered with the Training Course is subject to the terms of the Master Agreement for Products and Services, which is available at

https://www.esri.com/~/media/Files/Pdfs/legal/pdfs/ma-full/ma-full.pdf. The license rights in the Master Agreement strictly govern Licensee's use, reproduction, or disclosure of the software, documentation, course materials and data. Training Course students may use the course materials for their personal use and may not copy or redistribute for any purpose. Contractor/Manufacturer is Esri, 380 New York Street, Redlands, CA 92373-8100, USA.

Esri Trademarks: Esri trademarks and product names mentioned herein are subject to the terms

of use found at the following website: https://www.esri.com/legal/copyright-trademarks.html. Other companies and products or services mentioned herein may be trademarks, service marks or registered marks of their respective mark owners.

(3)

1 Discovering web apps

2 Creating ArcGIS web apps

3 Implementing layers

Course introduction

Course introduction Course goals

Installing the course data Icons used in this workbook

Understanding the ArcGIS platform

Lesson introduction Web app components Applying web components

Implementing JavaScript in a web app Exercise 1: Modify a web app

Verify the web app Modify HTML Modify JavaScript Lesson review

Answers to Lesson 1 questions

Lesson introduction

Introducing ArcGIS API for JavaScript Using ArcGIS API for JavaScript

Evaluating code in an ArcGIS web app Using web maps in apps

Discovering errors

Exercise 2: Create an ArcGIS web app Assign a basemap to a map

Center the location of a map

Create a web app containing a map Lesson review

Lesson introduction Introducing layer types Adding a layer to a map

(4)

4 Viewing maps in 3D

5 Adding widgets to web apps

6 Understanding graphics

Choosing a layer type Exercise 3: Work with layers

Implement a new layer

Remove a layer from the map List the layers of the map Choosing layers for your web apps Lesson review

Lesson introduction Cases for using scenes Implementing a SceneLayer Navigating a SceneView Applying environment settings Exercise 4: Implement a SceneView

Add a SceneLayer to a Map or Scene Assign initial view properties

Program navigation in the SceneView Identifying supported coordinate systems Lesson review

Lesson introduction Understanding widgets Implementing a widget Choosing a widget

Adding a widget to an ArcGIS web app Exercise 5: Implement a widget

Implement the BasemapToggle widget Implement the LayerList widget

Implement a widget of your choice Workflow review

Lesson introduction Adding graphics to a view

Adding graphics to a GraphicsLayer Assigning attributes to graphics

(5)

7 Searching

8 Selecting features

Applying attributes

Exercise 6: Display graphics on a map

Apply a point graphic to a GraphicsLayer

Apply line and polygon graphics to a GraphicsLayer Apply attributes to a GraphicsLayer

Lesson review

Lesson introduction

Searching for locations and features Use cases for searching

Implementing the Search widget

Exercise 7A: Implement the Search widget Add the Search widget to the view Enable suggestions

Limit search results Displaying feature attributes

Exercise 7B: Display feature attributes Dock the pop-up window

Add content as elements Add a pop-up action Lesson review

Lesson introduction

Differences between searching and selecting Understanding the FeatureLayerView

Selecting features by attribute Selecting features by geometry Using a geometry to select features Working with query results

Exercise 8: Select features Select features by attribute Select features by geometry

Select features from geoprocessing results Lesson review

(6)

9 Rendering features

10 Editing features

11 Understanding authentication

Lesson introduction

Understanding visualization

Evaluating manually defined renderers Implementing a renderer

Exercise 9: Implement rendering Apply a simple renderer Apply a unique value renderer Apply a class breaks renderer Implementing smart mapping

Deciding when to use Smart Mapping APIs Lesson review

Lesson introduction Editing with widgets

Understanding the anatomy of editing widgets

Comparing the Sketch widget and SketchViewModel class Deciding when to use the Sketch widget

Implementing the Editor widget

Exercise 10: Configure the Editor widget in a web app Implement the Editor widget

Configure the Editor widget

Deciding when to use the Editor widget Lesson review

Lesson introduction

Discussing secured content

Implementing the IdentityManager class Using the IdentityManager class

Lesson review

Appendices

Appendix A: Esri data license agreement

(7)

Appendix C: Additional resources

Introduction to Web Development Using ArcGIS API for JavaScript TM STUDENT EDITION