Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/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 ⭐
https://github.com/hhkaos/arcgis-js-sdk-starter-apps

arcgis arcgis-js-api arcgis-sdk-js dataviz esri esri-javascript-api esri-js mapping web-mapping

Last synced: 2 months ago
JSON representation

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 ⭐

Awesome Lists containing this project

README 

        
# ArcGIS Maps SDK for JavaScript 4.x



There are many resources and documentation to get start with the [ArcGIS Maps SDK for JavaScript](http://js.arcgis.com/). This repo includes:



**Table of contents**



- [Starter apps](#starter-apps)

- [Documentation, tutorials, guides, videos ...](#documentation-tutorials-guides-videos-)

- [Other resources](#other-resources)

- [License](#license)



---



## Starter apps



Collection of starter/sample/demo apps that aims to help you getting started with the [ArcGIS Maps SDK for JavaScript](http://js.arcgis.com/), 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](./starter-apps/) to help you get started.



## Documentation, tutorials, guides, videos ...



**Tutorials**: [JS API Tutorials](https://developers.arcgis.com/javascript/latest/display-a-map/)



**Sample code**: [JS API samples](https://developers.arcgis.com/javascript/latest/sample-code/)



**ArcGIS Plaform guides**: [Mapping APIs and services](https://developers.arcgis.com/documentation/mapping-apis-and-services/#topics)



**Videos:**



* [ArcGIS API for JavaScript: Getting Started with Web Development](https://www.youtube.com/watch?v=z9kIZjUjsZ4&list=PLahIW2YFPQd6Uu9u3kRTgGo-HxONKDTi1&index=30)

* [ArcGIS API for JavaScript: Options for Consuming the API](https://www.youtube.com/watch?v=UL0m0EXW8Es&list=PLahIW2YFPQd6Uu9u3kRTgGo-HxONKDTi1&index=38)

* [ArcGIS API for JavaScript: Programming Patterns and API Fundamentals](https://www.youtube.com/watch?v=mA8uLu4-IcU&list=PLahIW2YFPQd6Uu9u3kRTgGo-HxONKDTi1&index=27)

* [ArcGIS API for JavaScript: Using TypeScript](https://www.youtube.com/watch?v=TYxHZb1HPqs&list=PLahIW2YFPQd6Uu9u3kRTgGo-HxONKDTi1&index=18)

* [Introduction to GIS for Developers](https://www.pluralsight.com/courses/gis-introduction-developers)

* [Playlist of ArcGIS Maps SDK for JavaScript 4.x](https://www.youtube.com/playlist?list=PLahIW2YFPQd6Uu9u3kRTgGo-HxONKDTi1)



**Guides:**



* [ArcGIS Maps SDK for JavaScript > Get started](https://www.youtube.com/watch?v=TYxHZb1HPqs&list=PLahIW2YFPQd6Uu9u3kRTgGo-HxONKDTi1&index=18)

* [ArcGIS Maps SDK for JavaScript > Install and set up](https://developers.arcgis.com/javascript/latest/install-and-set-up/) (Accessing the API form AMD vs CDN, ESM, ...)

* [ArcGIS Maps SDK for JavaScript > Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)

* [ArcGIS Maps SDK for JavaScript > Introduction to tooling](https://developers.arcgis.com/javascript/latest/tooling-intro/)

* [ArcGIS Maps SDK for JavaScript > Build with ES modules](https://developers.arcgis.com/javascript/latest/es-modules/)

* [ArcGIS Maps SDK for JavaScriptt > TypeScript - Setting up your development environment](https://developers.arcgis.com/javascript/latest/typescript-setup/)

* [ArcGIS Maps SDK for JavaScript > Migrating from Google Maps JavaScript API to ArcGIS Maps SDK for JavaScript](https://developers.arcgis.com/javascript/latest/migrating-from-google-maps-to-arcgis-javascript-api/)



**Courses**: [Web development courses](https://www.esri.com/training/Bookmark/FKTCZXK3B)



**API reference**: [ArcGIS for JavaScript API reference](https://developers.arcgis.com/javascript/latest/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](https://github.com/hhkaos/arcgis-js-api-starter-apps/issues).



## Other resources



* [arcgis-js-vscode-snippets](https://github.com/Esri/arcgis-js-vscode-snippets): Collection of Visual Studio Code snippets for common code patterns.

* [esri-vscode-snippets](https://github.com/hhkaos/esri-vscode-snippets): more user snippets to add to your custom User snippets

* [snippets cheatsheet](https://cheatography.com/hhkaos/cheat-sheets/vscode-arcgis-js-api-4-x-snippets-cheat-sheet/): cheat sheet to help you getting familiar with the VS Code extension.



## License



This project is licensed under the [CC0 1.0 Universal](LICENSE.md)

Creative Commons License - see the [LICENSE.md](LICENSE.md) file for

details