Take advantage of spring savings with up to 50% off ILT training.

Checkout

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:

    $

Contact Sales

Service Portal Advanced

Get a Service Portal and Widget Development deep-dive with Service Portal Advanced.

This course takes attendees on a Service Portal and Widget development deep-dive. Participants learn how to use their existing AngularJS, Bootstrap, CSS, HTML, and ServiceNow API (JavaScript) skills to create custom Widgets.

GK# 821289 Vendor# SNSPA
Vendor Credits:
No matching courses available.
Start learning as soon as today! Click Add To Cart to continue shopping or Buy Now to check out immediately.
Access Period:
Scheduling a custom training event for your team is fast and easy! Click here to get started.

Who Should Attend?

This course is designed for pro-code System Administrators and Application Developers who want to learn how to develop advanced Service Portals components. You will be expected to script.

What You'll Learn

Upon completion of this course, learners are able to:

  • Review the Widget Editor
  • Apply Widget development strategies
  • Discover how to use built-in Angular JS directives, services and ServiceNow's Service Portal APIs
  • Describe Widget properties
  • Develop custom Widgets
  • Identify which 3rd party libraries and resources are installed in the platform
  • Build re-usable Widget Dependencies, Angular Providers, and Angular ng-templates
  • Discuss how to embed a Widget in another Widget
  • Review different ways for Widgets to communicate with one another
  • Recognize how Widgets send/receive information

Course Outline

Course Introduction

  • Requesting and Using a Lab Instance
  • Welcome to Service Portal Advanced

Module 1: Service Portal Review

  • Review Service Portal Fundamentals
  • Pages
  • Widgets and Service Portal Help
  • Overview of Module 1 Lab

Module 2: Create Custom Widgets 100

  • Develop Custom Widgets
  • Load Initial Data from the Server
  • Display Initial Data from the Server
  • Accept and Process User Input
  • Accept and Process User Input DEMO
  • Widget Debugging
  • Overview of Module 2 Labs

Module 3: Create Custom Widgets 200

  • AngularJS Expression
  • Style the Widget's Interface (UI)
  • Options Schema
  • Data Table
  • ControllerAs and Link Functions
  • Overview of Module 3 Labs

Module 4: Create Custom Widgets 300

  • Additionally Installed Libraries
  • Dependencies
  • Angular Providers
  • Angular ng-templates
  • Overview of Module 4 Labs

Module 5: Widgets Working Together

  • Embedding Widgets
  • Communication Between Widgets
  • Integrations
  • Overview of Module 5 Labs

Prerequisites

6+ months of hands-on administration experience.

Basic understanding of:

  • Angular JS
  • Bootstrap
  • CSS
  • HTML
  • JavaScript