UI Builder 101 w/Chris Johnson

Показать описание

Dive into the world of ServiceNow's modern web UI framework, Next Experience, and UI Builder through this comprehensive exploration of the framework's architecture, capabilities, and UI development tools.

Chris Johnson, Director of Design, starts with the basics and builds to the advanced capabilities. This video covers everything you need to know to understand the framework and create powerful web experiences on ServiceNow like Workspaces or Custom UI.

0:00 Introduction
2:21 Context
7:14 The AI Platform for Business Transformation
8:19 The ServiceNow Web Ecosystem
9:53 Web Components
12:31 AngularJS Widgets vs. Web Components
14:40 Our ServiceNow Components
18:51 Metadata
22:51 Metadata powered UIs
24:52 Experiences
29:10 Macroponent
36:24 UI Builder
48:38 Data and Data Resources
51:30 Data Binding
55:21 Upgrades, Presets, and Controllers
1:01:25 Conclusion

This video serves as an introduction to the Next Experience UI Framework by starting at the beginning, covering ServiceNow UIs over the years. It sets context and explains the thinking behind many of the decisions that have been made, answering the 'why'.

It also touches on the differences between AngularJS Widgets and Web Components, a core part of the modern frameworks approach to building UIs.

The video covers the metadata and record structure including Experiences, Components, App Shells, and Macroponents.

It then moves to UI Builder, our UI configuration and page building tool, covering layout, styling, configuration, and events. But UI Builder isn't building static websites, but complex data and workflow driven experiences. So the video delves into Data and data resources, including presets and controllers, and concludes with more information about the upgradability of what you build.

Share feedback and questions on the community article for this video, and happy creating!