John Zhang1
Kilo Patron
Kilo Patron

You may be surprised that Now Experience Framework Features and Toolsets (Quebec feature) is most popular topic on ServiceNow Community, which has 100+ publishes (articles, blogs, events and videos).  That published count is over 50%+ of total Community publishes (175+).  I am glad I contributed 3 published articles and 4 videos for same topic.

I summarized all 90+ publishes for your references.  This article will be greatly benefit to anyone who want to learn UI Framework toolsets: App Engine and UI builder for web experience of the workspace, the portal, the catalog item with Flow Designer and the mobile.

 find_real_file.png

 

UI Framework – Articles

1.      Now Experience Framework Features and Tools (App Engine, UI Builder, Dashboard Builder, Workspace, P...

2.      Article #11 - Fast Track to your first "Now Experience UI Framework Component"

3.      Building component using Now Experience UI Framework

4.      UI Framework: basic NPM workflows

5.      Building components with the Now Experience UI Framework

6.      UI Framework component error: This scope is already taken by another application

7.      Now Experience UI Framework efforts and my experience with it.

8.      Getting started with the Now Experience UI Framework

9.      Now Experience UI Framework efforts and my experience with it. Part 2

10.   What I have done over the weekend with the Now Framework UI for Portal Design

11.   Now experience UI builder | ServiceNow UI Builder Quebec | Explore power of ServiceNow Now builder

12.   Article #12 - Now UI Experience Part #2 - Workshop: Using multiple Component nesting & Parameter pas...

 

UI Framework - Blogs

1.      TechNow Ep 83 | Welcome to the Quebec Now Platform features

2.      Now Experience のカスタム UI コンポーネントを開発してみよう!

3.      Working Through Now Experience Components

4.      Using Extension Points in Now Experience Declarative Actions

 

App Engine Articles

1.      Now Experience Framework Features and Tools (App Engine, UI Builder, Dashboard Builder, Workspace, P...

2.      Quebec - App Engine Studio for web based Workspace and Portal

3.      Now Platform App Engine, les workflows digitaux pour tous

 

App Engine Blogs

1.      Where to start with App Engine Studio and the new UI Builder!

2.      TechNow Ep 85 | Create apps fast with App Engine Studio

3.      【Quebec リリース】App Engine の新機能

4.      What's new in Quebec for App Engine

5.      Bringing scoped applications into App Engine Studio

6.      Fuel business growth with a low-code visual app environment. Engage developers of all skill levels w...

7.      Now Learning Blog – Curious about App Engine?

8.      What's new in Paris release for App Engine & the Now Platform

9.      【Paris リリース】App Engine と Now Platform の新機能

 

App Engine Events

1.      Check out one of the newest features in the NOW Platform on TechNow Tuesday: Create apps fast with A...

2.      Regina SNUG meeting + Optional App Engine Workshop

3.      May 4th: ServiceNow Virtual Appathon Kick-Off Training

 

App Engine Videos

1.      Quebec - App Engine Studio - Creating a web experience Workspace

 

UI Builder Articles

1.      Now Experience Framework Features and Tools (App Engine, UI Builder, Dashboard Builder, Workspace, P...

2.      Now experience UI builder | ServiceNow UI Builder Quebec | Explore power of ServiceNow Now builder

3.      UI Builder – Building a Page

4.      UI Builder – Making a Page Dynamic with Data

5.      UI Builder – Quick Start Guide

6.      Agent Workspace & Web Experience (Now) Workspace using UI Builder

7.      UI Builder – Theming

8.      Create your first experience using UI Builder

9.      Quebec new Release -UI Builder web experience for Agent Workspace and the Service Portal pages

10.   Are you a ServiceNow Developer? Join our UI Builder Feedback Session

11.   Are you a Developer interested in UI Builder? Join our Feedback Session

12.   UI Builder – Create & Configure a Page

13.  UI Builder List Component Order By

14.  UI Builder: How to dynamically redraw the page when a dropdown item is selected

15.  UI Builder: How to use a transform data broker to populate a dropdown

16.  UI Builder: How to use inherited data resources

17.  UI Builder: How to make a page public

18. UI Builder: How to create and use a REST data broker

UI Builder Blogs

2.      UI Builder - New in Quebec!

3.      Where to start with App Engine Studio and the new UI Builder!

4.      UI Builder in Quebec

5.      UI Builder - Themes & CSS

6.      UI Builder - Components

7.      UI Builder - GraphQL Data Brokers

8.      UI Builder - Opinions and Insight

9.      UI Builder - Page Variants

10.   UI Builder - Drag & Drop Containers

11.   UI Builder - Transform Data Brokers

12.   UI Builder - Binding Data to Components

13.   UI Builder - Component Visibility Logic

14    Video: Theming a UI Builder Portal - Live Coding Happy Hour for 2021-03-26

15.   UI Builder - Events

 

UI Builder Videos

1.      Now experience UI builder | ServiceNow UI Builder Quebec | Explore power of ServiceNow Now builder

2.      ServiceNow Quebec Release - UI Builder Event for Web Experience

3.      Quebec new Release how to use UI Builder to create web experience Workspace and Portal

4.      ServiceNow Quebec Release - |Top New Features

5.     Mobile fun adventures, AES, and UI Builder - Live Coding Happy Hour for 2021-06-24

6.    Creator Toolbox - Build a Notes App in UI Builder

7.    Creator Toolbox - getRefRecord

8.   UI Builder Custom Components Experience (UI Action, Data Resource binding and Event Handling

9.  Video: Mobile fun adventures, AES, and UI Builder - Live Coding Happy Hour for 2021-06-24

10.  Video: Creator Toolbox - Build a Notes App in UI Builder

11.  Thirdera + ServiceNow Webinar: Demystifying the App Engine

12.  How to setup a type-ahead search in UI Builder

 

My Articles and Videos

1.      Now Experience Framework Features and Tools (App Engine, UI Builder, Dashboard Builder, Workspace, P...

2.      Agent Workspace & Web Experience (Now) Workspace using UI Builder

3.      Quebec new Release -UI Builder web experience for Agent Workspace and the Service Portal pages

4.     ServiceNow Quebec Release - UI Builder Event for Web Experience

5.      Quebec new Release how to use UI Builder to create web experience Workspace and Portal

 

 

ServiceNow Document Reference

ServiceNow Developers Site

  1. Getting Started with Now Experience 
  2. Now Experience Reference Guide 
  3. Now Experience Component Library 
  4. Now UI Configuration – Component Development (reference) 
  5. Build My First Now Experience UI Framework Custom Component (course) 
  6. Quebec Release - Summary of Key Developer Resources (dev blog post) 
  7. Getting Started with the Now UI Experience Framework (dev blog post) 
  8. Process Automation Designer (PAD) Overview (dev blog post) 
  9. UI Builder Resources (dev blog post) 

 

ServiceNow Product Documentation Site (official release notes): 

  1. Now Experience UI Builder (Quebec)
  2. UI Builder workspace experience settings
  3. App Shells for UI Builder
  4. UI Builder and portals
  5. Set up a custom Playbook user experience
  6. Process Automation Designer (PAD)
  7. Administration of Email Templates
  8. Configuration Management Database (CMDB)

 

 

Comments
Ashley Snyder1
Giga Guru

Thank you @John Zhang this is a really great collection of resources!

Version history
Last update:
‎05-29-2021 05:11 PM
Updated by: