UI & ExperienceBeginner to advanced
UI Builder
Build modern ServiceNow pages with UI Builder, from your first page and components to data, events, workspaces and custom components.
- 6 Modules
- 27 Lessons
- ~7 Hrs
Syllabus
FoundationsBeginner
What UI Builder is, how experiences and pages fit together, and your first page.
- 1.1What is UI Builder?15 min
- 1.2Next Experience, experiences and app shells15 min
- 1.3Pages, variants and audiences15 min
- 1.4A tour of the UI Builder editor12 min
- 1.5Build your first page25 min
Components and LayoutBeginner
Components and their properties, layouts, repeaters, styles and themes.
- 2.1Components and their properties15 min
- 2.2Layouts: columns, Flexbox and Grid18 min
- 2.3Repeating content with the Repeater16 min
- 2.4Styles, themes and presets17 min
Data and StateIntermediate
Data resources, data binding, client state, page parameters and transforms.
- 3.1Data resources: getting records onto a pageSoon
- 3.2Data binding (@data, @state, @context, @payload)Soon
- 3.3Client state parametersSoon
- 3.4Page parameters: required and optionalSoon
- 3.5Transform data resourcesSoon
Events and InteractionsIntermediate
Events and handlers, client scripts, modals, viewports and declarative actions.
- 4.1Events and event handlersSoon
- 4.2Client scripts in UI BuilderSoon
- 4.3Modals and viewportsSoon
- 4.4Declarative actionsSoon
Workspaces in PracticeIntermediate
Configurable workspaces, record pages, lists and landing pages.
- 5.1Configurable workspaces explainedSoon
- 5.2Customising the record pageSoon
- 5.3List and landing pagesSoon
Advanced UI BuilderAdvanced
Custom data brokers, reusable and custom components, debugging, performance and deployment.
- 6.1Custom data brokers and their ACLsSoon
- 6.2Reusable UI Builder componentsSoon
- 6.3Custom components with Now CLISoon
- 6.4Debugging UI Builder pagesSoon
- 6.5Performance best practicesSoon
- 6.6Moving work between instances safelySoon
About this course
Who it is for
- Developers moving from classic UI (forms, UI Pages, Service Portal) to Next Experience
- Admins and developers asked to build or customise workspaces
- Experienced developers who want to master data brokers and custom components
What you will learn
- Foundations: What UI Builder is, how experiences and pages fit together, and your first page.
- Components and Layout: Components and their properties, layouts, repeaters, styles and themes.
- Data and State: Data resources, data binding, client state, page parameters and transforms.
- Events and Interactions: Events and handlers, client scripts, modals, viewports and declarative actions.
- Workspaces in Practice: Configurable workspaces, record pages, lists and landing pages.
- Advanced UI Builder: Custom data brokers, reusable and custom components, debugging, performance and deployment.
How every lesson works
Each lesson starts with a short, plain-English explanation, followed by a real-life example that makes the idea click. Then you see real ServiceNow code with a line-by-line explanation, the most common mistake people make, and a quick check to test yourself. Every ServiceNow term is explained the moment it appears, so you never get stuck on jargon.
Before you start
Comfort with ServiceNow basics (tables, records and roles), basic JavaScript, and a free Personal Developer Instance (PDI) with admin access.
Frequently asked questions
Is this course free?
Yes. Every lesson is free to read, and you do not need to sign up to use it.
Do I need my own ServiceNow instance?
It is strongly recommended. You can get a free Personal Developer Instance (PDI) from developer.servicenow.com and try every example yourself, which is the fastest way to learn.
Do I need to finish Core ServiceNow Development first?
Not necessarily. If you already know tables, records, roles and basic scripting, you can start here. If those words are new, take Core ServiceNow Development first.
Do I need to know React or another front-end framework?
No. Most of UI Builder is configuration, and the beginner and intermediate modules only need basic JavaScript. Front-end experience helps in the advanced custom component lessons.
Which ServiceNow release is this based on?
Every lesson shows the release its code was tested on, right below the lesson title. Lessons are currently tested on Australia.
Is GlideNest official ServiceNow training?
No. GlideNest is an independent learning website. It works well alongside the official Now Learning courses by explaining concepts in simpler language with practical examples.
Does this course cover workspaces?
Yes. Module 5 shows how configurable workspaces are built with UI Builder and how to customise record, list and landing pages safely.
How often are new lessons added?
Regularly. Lessons marked "Soon" in the syllabus are on the way, in the order shown.