Front-End Web Technologies for Geospatial Developers | #EsriDevSummit2024

New to the world of web development? No problem! Learn cool tricks and techniques to leverage the capabilities of the web browser, CSS and JavaScript, to build apps fast using the Maps SDK for JavaScript, Calcite Design System, components, and more.

📚 Resources
=============
📄 Slides: https://static.rainfocus.com/esri/24epcdev/sess/1699057627243001LDaO/SPDF/Front-End%20Web%20Technologies%20for%20Geospatial%20Developers_1710433243442001lauG.pdf
🖥️ Demo code: https://github.com/araedavis/esri-dev-summit-2024

Questions? We'd love to answer them on Esri Community!
💬 Community forums: https://community.esri.com/t5/developers/ct-p/developers

📹 More Esri Developer Summit 2024 videos
=============
Mediaspace (all): https://mediaspace.esri.com/channel/2024+Esri+Developer+Summit/325483122
YouTube: https://www.youtube.com/playlist?list=PL0VMTWv3XRwXlVEMgQxTrux6Tlk4DTWGO

🕑 Chapters
=============
00:00:00 - Intro and overview
00:00:12 - Introduction to JavaScript Basics
00:00:50 - Understanding asynchronous patterns in JavaScript
00:01:25 - Promises in JavaScript
00:03:00 - Async/await
00:04:06 - Event handling in JavaScript
00:06:21 - Introduction to Calcite Design System
00:06:40 - Components of Calcite Design System
00:07:41 - Creating custom elements with HTML templates
00:08:32 - Using slots
00:09:17 - Using Shadow DOM for safe encapsulation
00:09:50 - Demo: Community Supported Agriculture pick-up sites
00:17:28 - Styling with CSS in Web Development
00:18:07 - Using CSS custom properties
00:19:39 - ArcGIS REST JS
00:20:18 - Demo: Portland Metro CSA pick-up sites
00:29:55 - Browser Developer Tools
00:30:15 - Inspector
00:30:47 - Network
00:31:19 - Responsive Mode
00:31:44 . Resources for further learning
00:33:17 - Other sessions to consider at DevSummit
00:31:07 - Upcoming Sessions and Learning Opportunities
00:34:28 - Q&A Session
00:34:43 - Q: When to use OOTB vs custom development
00:36:43 - Q: Does Calcite have size classes like Bootstrap?
00:37:24 - Q: Ininteligible about icons
00:38:13 - Q: Migrating from ArcGIS Maps SDK for JS 3.x to 4.x
00:39:38 - Q: MOOC about introduction to development
00:39:59 - Q: Additional resources to keep learning
00:41:18 - Q: Access the Symbol builder
00.42:06 - Wrap up

👉 Follow us
=============
🔔 Subscribe to Esri Developers on YouTube: https://www.youtube.com/@EsriDevs
🔴 Videos at Esri Mediaspace: https://bit.ly/3MXWbqq
❎ @EsriDevs on X: https://x.com/EsriDevs
❎ @EsriDevEvents on X: https://x.com/EsriDevEvents
❎ @EsriStartups: https://x.com/EsriStartups
🐙 GitHub: https://github.com/esri & https://github.com/EsriDevEvents

🏷️ Tags
=============
#developers #EsriDevSummit2024 #maps #mapping #webmapping #esri #arcgis #geodev #gis

Видео Front-End Web Technologies for Geospatial Developers | #EsriDevSummit2024 канала Esri Developers