This is the second part of a multi-part series on using the ArcGIS API for JavaScript. In this walkthrough, we will take a look at some of the ESRI starting templates for our web map.

Starting templates are very useful because it gives us a solid foundation to begin coding our application. It allows us to jump right in and start adding functionality to our maps instead of spending hours of work creating custom styles, menus, and navigation bars. CSS frameworks, such as Bootstrap, also include best practices for responsive web-design right out of the box. This makes it much easier for us to style our application to look great on desktop, tablet, or mobile devices. Let’s get started:

Resources:

ESRI Github: https://github.com/Esri
Bootstrap Map Repository: https://github.com/Esri/bootstrap-map-js
Quickstart Map Repository: https://github.com/esri/quickstart-map-js

This will be the first part of a multi-part series on how to use the ArcGIS API for JavaScript. In this video, we will start by setting up a basic web map with HTML, JavaScript, and CSS. Unlike the samples on the ArcGIS website, we will separate out our scripts and stylesheets so that our application will be easier to maintain as it grows. Let’s get started: