hhkaos / arcgis-js-sdk-starter-apps

Collection of resources to help you get started with the ArcGIS Maps SDK for JavaScript 4.x. If you like it, please consider giving this repo a ⭐

ArcGIS Maps SDK for JavaScript 4.x

There are many resources and documentation to get start with the ArcGIS Maps SDK for JavaScript. This repo includes:

Table of contents

• Starter apps
• Documentation, tutorials, guides, videos ...
• Other resources
• License

---

Starter apps

Collection of starter/sample/demo apps that aims to help you getting started with the ArcGIS Maps SDK for JavaScript, no matter what technologies / architecture you prefer to use:

• Language: JavaScript (*.js) or Typescript (*.ts)
• Environment: client-side (browser) vs server-side (Node.js)
• Framework: None (Vanilla JS) or any framework (Vue, React, Angular, Svelte, Ember, Ionic, React Native, Flutter, Electron, ...)
• Loading from: CDN or Local (@arcgis/core)
• Loading strategy: AMD (require) or ESM (import)
• Web bundler: Without using a bundler or using one (ViteJS, Rollup.js, Webpack, Parcel, Snowpack, ...)

Download app boilerplates to help you get started.

Documentation, tutorials, guides, videos ...

Tutorials: JS API Tutorials

Sample code: JS API samples

ArcGIS Plaform guides: Mapping APIs and services

Videos:

• ArcGIS API for JavaScript: Getting Started with Web Development
• ArcGIS API for JavaScript: Options for Consuming the API
• ArcGIS API for JavaScript: Programming Patterns and API Fundamentals
• ArcGIS API for JavaScript: Using TypeScript
• Introduction to GIS for Developers
• Playlist of ArcGIS Maps SDK for JavaScript 4.x

Guides:

• ArcGIS Maps SDK for JavaScript > Get started
• ArcGIS Maps SDK for JavaScript > Install and set up (Accessing the API form AMD vs CDN, ESM, ...)
• ArcGIS Maps SDK for JavaScript > Programming patterns
• ArcGIS Maps SDK for JavaScript > Introduction to tooling
• ArcGIS Maps SDK for JavaScript > Build with ES modules
• ArcGIS Maps SDK for JavaScriptt > TypeScript - Setting up your development environment
• ArcGIS Maps SDK for JavaScript > Migrating from Google Maps JavaScript API to ArcGIS Maps SDK for JavaScript

Courses: Web development courses

API reference: ArcGIS for JavaScript API reference

Learning paths

We are still working on selecting a curated list of resources you help you better understand which are the most important lessons to get your goal.

But if you need advise do not hesitate, open an issue.

Other resources

• arcgis-js-vscode-snippets: Collection of Visual Studio Code snippets for common code patterns.
• esri-vscode-snippets: more user snippets to add to your custom User snippets
• snippets cheatsheet: cheat sheet to help you getting familiar with the VS Code extension.

License

This project is licensed under the CC0 1.0 Universal Creative Commons License - see the LICENSE.md file for details