Now Experience Framework Features and Tools (App Engine, UI Builder, Dashboard Builder, Workspace, Portal, UI Builder Event, Catalog Item) Labs

[John Zhang1]

What is ServiceNow Now Experience Framework?

Now Experience framework was originally introduced in 2020 as a new tool for building ServiceNow custom UI/UX and web applications. Now Experience framework became available from Orlando release but everything changed with a Quebec release and this framework has more features. Quebec release introduced a complete toolset for building modern web applications on the ServiceNow platform — starting from a low-code UI Builder to a fully updated CLI for creating custom web components.

This article will be introducing a serial of labs (demo) how to use Now Experience framework toolset (UI Builder, App Engine Studio, Dashboard Builder and Catalog Builder) to build web experiences like Workspace, Portal, Catalog Item with flow designer, Dashboard and Mobile app.

1.  Lab 1- Creating your first web experience workspace using App Engine Studio -https://youtu.be/E4DeAXJiIZg
2. Lab 2 - Creating Your first portal using App Engine Studio -https://youtu.be/JiNiChZ7Nq8L
3. Lab 3 - Creating Your First Catalog Item (workflow from Flow Designer) using App Engine Studio -https://youtu.be/KFpIxaUk2Oc
4. Lab 4 -Using UI Builder App to creating your workspace -https://youtu.be/MCKWBXA7jfA
5. Lab 5 - App Engine Studio - UI Builder Event for a Workspace and a portal - https://youtu.be/BPXYrISPxKk
6. Lab 6 -  UI Builder Dynamic Data Source Event Handler Configuration - https://youtu.be/WwROd-ocsLc
7. Lab 7 -  Using Dashboard Builder within UI Builder for Dashboard - https://youtu.be/ECowyaxOdUQ

Where to start with App Engine Studio and the new UI Builder (Quebec) 

ServiceNow Developers Site: 

• Getting Started with Now Experience 
• Now Experience Reference Guide 
• Now Experience Component Library 
• Now UI Configuration – Component Development (reference) 
• Build My First Now Experience UI Framework Custom Component (course) 
• Quebec Release - Summary of Key Developer Resources (dev blog post) 
• Getting Started with the Now UI Experience Framework (dev blog post) 
• Process Automation Designer (PAD) Overview (dev blog post) 
• UI Builder Resources (dev blog post) 

ServiceNow Product Documentation Site (official release notes): 

• Now Experience UI Builder (Quebec) 
• UI Builder workspace experience settings 
• App Shells for UI Builder 
• UI Builder and portals 
• Set up a custom Playbook user experience 
• Process Automation Designer (PAD) 
• Administration of Email Templates 
• Configuration Management Database (CMDB) 

[Amanda_Joslin]

Thank you, John for your jumping in on learning the Now Experience, ServiceNow's next generation of User Experience Framework. We also would like to provide the ServiceNow Getting Started links for you to get started learning and using the Now Experience UI Framework.

Where to start with App Engine Studio and the new UI Builder (Quebec) 

ServiceNow Developers Site: 

• Getting Started with Now Experience 
• Now Experience Reference Guide 
• Now Experience Component Library 
• Now UI Configuration – Component Development (reference) 
• Build My First Now Experience UI Framework Custom Component (course) 
• Quebec Release - Summary of Key Developer Resources (dev blog post) 
• Getting Started with the Now UI Experience Framework (dev blog post) 
• Process Automation Designer (PAD) Overview (dev blog post) 
• UI Builder Resources (dev blog post) 

ServiceNow Product Documentation Site (official release notes): 

• Now Experience UI Builder (Quebec) 
• UI Builder workspace experience settings 
• App Shells for UI Builder 
• UI Builder and portals 
• Set up a custom Playbook user experience 
• Process Automation Designer (PAD) 
• Administration of Email Templates 
• Configuration Management Database (CMDB) 

Also, please make sure you are registered for K21 as there will be quite a few sessions dedicated to the Now Experience! Please reach out to your account team or product success team for additional information.