There are many resources and documentation to get start with the ArcGIS Maps SDK for JavaScript. This repo includes:
Table of contents
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.
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
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.
- 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.
This project is licensed under the CC0 1.0 Universal Creative Commons License - see the LICENSE.md file for details