ArcGIS Maps SDK for JavaScript

Web Developer's Guide to the 2024 Esri Developer Summit

Welcome to the 2024 Esri Developer Summit, web developers! We can’t wait to connect with you in-person or online at this great event for developers, by developers. Join us to see inspiring demos, informative technical sessions, and opportunities to engage directly with the ArcGIS Maps SDK for JavaScript product team along with 20 other product teams. This guide is an overview of the technical presentations specifically designed for web developers who are looking to enhance their skills in web mapping and development.

Highlights of the SDK

We introduced a lot of new features and enhancements over the last year, and we are especially excited to share the highlights with you! The presenters will showcase the most important advancements in the JavaScript  Maps SDK; including new capabilities, a brand new web mapping web component library for fast front-end development, and a lot more.

Want to be inspired by some of the most beautiful apps built with the SDK? Discover the amazing web apps you can create by combining capabilities and employing the latest web development techniques.

Using components for web development

We are introducing the JavaScript SDK’s web component library (in beta) to maximize productivity of front-end development – from simple apps to the most advanced. Learn more how to start using Map components in your apps, tips and best practices for modern web development, and discover the new Charts components to enhance your applications with dynamic and responsive visuals of your data.

Learn how you can use the ArcGIS Maps for JavaScript’s new map components to kickstart your journey in building web mapping applications. This is a key session for developers interested in building applications with web components, backed by practical samples and walkthroughs to get you started today!

Mapping and visualization

With effective visualization, web maps can tell captivating and informative stories from spatial data. We are constantly evolving the mapping and visualization capabilities to deepen support for more uses cases, and expand the pallet you have available for creating stunning visualizations of your data. Join our sessions to expand your knowledge on 2D and 3D visualization, learn about techniques to create meaningful visualizations of dense datasets, and elevate your web mapping apps with custom styles and animation.

Attempting to visualize large, dense datasets can feel daunting. Large datasets typically have many overlapping features, which makes it difficult and sometimes impossible to view spatial patterns in raw data. This session demonstrates several ways you can visualize large datasets effectively, giving developers more confidence in their ability to make sense of large amounts of data. You will learn client-side techniques to visualize density, clusters, and hot spots, as well as server-side data preprocessing and aggregation workflows.

Working with your data

Data is the backbone of the “science of where”. With Esri’s web development technologies, you can create insightful analysis and build powerful workflows with your data; whether it’s already hosted the ArcGIS ecosystem, available as an open format external to ArcGIS, or ready to be captured.

Bringing your data. We are offering a collection of sessions about the best practices and use cases for all sorts of data sources. Learn more about the powerful feature layer, connecting local or cloud data sources, and imagery with the sessions below.

GeoJSON, CSV, GeoTIFF, and OGC data can easily be brought in as layers with the ArcGIS Maps SDK for JavaScript. In this session, we will build an application that will take advantage of the many capabilities of these layer types.

Analyzing. Boost your web app by gaining insights through data analytics. Our presenters will demonstrate advanced techniques on client-side and using Arcade to transform raw data into compelling storytelling and data exploration.

This session will discuss and demonstrate advanced visualization and analytical techniques that can be performed client-side. Client-side refers to operations that are performed directly in the browser without the latency normally associated with server requests. Specific topics covered include spatial and aspatial queries, filters, effects, geometry engine, and just a sprinkling of Arcade.

Exploring new ArcGIS capabilities. More and more (traditionally desktop) ArcGIS capabilities were brought to web in the past year, featuring ArcGIS Knowledge, oriented imagery, and advanced utility network functionality. You can now build sophisticated workflows directly on your browser, presented with a simple user interface. Join the following sessions on how to leverage the new ArcGIS capabilities in your web applications.

Building 3D experiences

2023 was a big year for 3D capabilities. Among them, scene layer editing and 3D basemaps drastically enhanced 3D workflows in web applications. Join our 3D sessions to be inspired and learn how to build compelling 3d web apps through enhanced realistic and thematic visualization and interactivity.

Learn how you can leverage various interactive capabilities of the ArcGIS Maps SDK for JavaScript to build powerful and performant 3D web apps. We’ll look at readily available widgets and components used for editing, analysis, and querying. You will see how many of the concepts known from working with 2D maps and feature layers also apply to scenes and 3D-specific layers.

Creating great user experiences

Esri’s web development offerings can help you create an interactive and intuitive web experience easily, with our Calcite Design System, out-of-the-box editing tools, and expansive library of UI components.

Refreshing the user experience with Calcite Design System. Calcite Design System is a collection of design and development resources for creating beautiful, easy to use, cohesive experiences across apps – and devices – with minimal effort. In the following sessions, our presenters will share an overview and roadmap, build web apps step-by-step with Calcite, use Calcite with front-end frameworks, and share design tips of creating an intuitive user interface.

Calcite Design System provides a library of patterns, icons, and ready-to-use, reusable web components to help developers easily build consistent web applications. In this session, you’ll learn about Calcite Components, and how you can use them with the ArcGIS Maps SDK for JavaScript to quickly create user-friendly web mapping applications.

Editing on web is more powerful than ever before. Join Web Editing session to discover the next-generation web editing experience using the JavaScript SDK.

Get a holistic overview of editing workflows in the ArcGIS System at following session:

Elevating UI experiences. The JavaScript Maps SDK offers a comprehensive selection of out-of-the-box UI experiences for common mapping workflows. Learn more about techniques to customize popup and other UI component appearances and behavior to meet your application’s requirements.

In this session, you’ll learn how to utilize recently added features in the Map Viewer and the ArcGIS Maps SDK for JavaScript that allow you to modify the popup’s appearance and behavior. We’ll cover how to configure different elements within the pop-up, work with Arcade, display charts, and more to modify the look and feel the of the popup to meet your application’s requirements.

Web developing fundamentals, tooling, and techniques

Is the ever-evolving web development technologies a bit daunting? Our passionate team members are here to guide you through the best practices of web development, programming and debugging techniques, and using frameworks with Esri’s web development offerings.

Exercising best practices in building web apps with JavaScript Maps SDK, maximizing performance of feature layers, CI/CD, development lifecycle, and security.

Learn how to use the ArcGIS Maps SDK for JavaScript to build your own custom applications. We’ll cover patterns and tooling for building applications that can be used across various frameworks.

Programming and debugging when using JavaScript Maps SDK and general web application development

Developing with frameworks is the modern way of front-end development for more advanced and complex applications. Learn more about frameworks and best practices when using frameworks with the JavaScript Maps SDK and Calcite Design System.

In this session, we’ll introduce the brand-new web components that are part of the ArcGIS Maps SDK for JavaScript for bringing pre-built ArcGIS experiences (encapsulated into web components) into your app. With a few lines of code, you can build highly focused custom applications that leverage many of the same capabilities and experiences as other Esri applications, while also enabling modular GIS application development.

Getting started with web development

New to web development? These sessions are aimed to teach about overall web development strategies, programming patterns & fundamentals, modern browser capabilities, and development techniques!

Attend Strategies for Web Development for ArcGIS technologies available for creating web apps and an overview of web development architecture.

The following sessions are great for learning about JavaScript – the key programming language for web development – and other pertinent technologies for building successful and well-architected web-based solutions.

Has Desktop development got you down, or have you been too busy to learn web stuff? This is the perfect session for you. We don’t judge. Our enthusiastic team members will guide you through your first web mapping app and direct you to in-person, web and training resources.

Taking your apps to the next level

Are you an experienced JavaScript Maps SDK developer? You are ready to learn more advanced content to transform your apps! Join these sessions to be inspired and discover new ways to push your apps to the new heights.

Have you ever been captivated by a killer app and wondered about how it was created? In this session, the presenters will showcase various apps developed using the ArcGIS Maps SDK for JavaScript, and reveal the techniques used to develop engaging applications. The session will explore a diverse range of use-cases, including digital twins, 3D applications, real-time data, big data, and graph analytics.

Diving deep and looking far

What powers the recent updates of the JavaScript Maps SDK? Join us at:

What’s the road map for JavaScript Maps SDK and Calcite Design System? Learn more at

There’s a lot going on!

For all the sessions mentioned above, we created a calendar for you. Free feel to save it and create your own schedule for the Developer Summit.

In addition to technical presentations, there are many activities to help you connect with Esri product teams, engage with fellow developers, and enjoy yourself!

No worries if you can’t make it to Palm Springs in person. Some sessions are livestreamed and technical sessions are recorded and will be published to Esri Video shortly thereafter.

Have fun at 2024 Esri Developer Summit!

About the authors

Emily is a mapping and technology enthusiast with a background in GIS and Spatial Analytics from University of Pennsylvania and Wuhan University. She was previously a software engineer for mapping web applications and GIS developer in commercial real estate. Emily is dedicated to leverage her experience in different parts of GIS industry and her global background to help customer build the most suitable web mapping applications.

Connect:

Julie Powell is a Principal Product Manager, focusing on Esri's web development technologies. She works to ensure developers can be successful in building state of the art, purposeful solutions using ArcGIS software. Julie brings 20 years of experience working with global leaders such as Hewlett-Packard and Esri, delivering a variety of software solutions for both the enterprise and consumer markets. Julie has worked on a wide range of projects and consulting endeavors, including serving as technical lead for web mapping solutions for strategic customers.

Connect:
0 Comments
Inline Feedbacks
View all comments

Next Article

Drawing a Blank? Understanding Drawing Alerts in ArcGIS Pro

Read this article