Developing Progressive Web Applications
The following diagram shows the high-level process of developing applications with PWA technologies by using Developer Studio.
Topics related to developing PWA in Developer Studio
Read through the following topics to learn more about developing a Progressive Web Application (PWA) in Developer Studio.
Action | Reference |
|---|---|
To understand the basic concepts of what PWAs are and their advantages | |
To understand the Mid Tier architecture in general as well as Mid Tier architecture for PWAs | |
To understand how flow panel holders can in creating create PWA screens and how they help with making screens responsive to varying screens | |
To understand Progressive Web Application screens with a few examples | |
To know the basics of accessing and using Developer Studio | |
To create a Progressive Web Application you must first enable Progressive View for forms in Developer Studio | |
To know best practices when developing and customizing a PWA | |
To know the differences between the Developer Studio features for Mid Tier versus the features available in Progressive View | |
To learn about the localization support for a PWA | |
To know how to use autocomplete for character fields in search menus | |
To achieve better performance by setting the active links to run in parallel | |
To know the properties supported when developing a progressive view | |
Creating filters and advanced filters in progressive views that enable PWA users to search records and to fill forms | |
To know the icons available in Developer Studio for PWA and how to use them in your applications | |
To create various types of selection lists | |
Add fields that allow editing and formatting of text, adding images, and so on | |
Add a pause to a character field in a workflow | |
Create a survey in the application | |
Manage attachments in the application | |
Add typeahead to mention users in the organization | |
Create a progress bar that shows stages of a workflow or process in your application | |
Add autocomplete to a field | |
Adding images in the interface of your application | |
Automatically aligning fields in Developer Studio | |
Change the look and feel of your application to suit the branding and styles of your organization |
Videos related to developing PWA in Developer Studio
You can watch the following videos to know more about developing progressive web applications:
Video title | Description |
|---|---|
Webinar: BMC Helix Progressive Web Apps Introduction & Best Practices | |
Webinar: BMC Progressive Web Application (PWA) Development In Helix ITSM | |
Overview of Progressive Web Applications | |
Advancements in Developer Studio to support PWA | |
Use cases for Progressive Web Applications. | |
Localizing a Progressive Web Application |
|
Panel holder display types, creating fixed panels and complex layouts with flow panels |
|
| |
Configuring a progress bar widget |
|
Managing attachments in PWA by using a remote form |
|
Troubleshooting PWA |
|
Adding images to buttons and background images to fields and form views. |
This video (3:54) provides a summary of adding static or SVG images in Developer Studio for progressive views. |
Creating dynamic selection lists for Progressive Web Applications by using JSON data |
|
Creating a survey questionnaire | |
Adding images in PWA | This video (3:54) provides a summary of adding static or SVG images in Developer Studio for progressive views: |
Aligning fields | |
Creating typeahead fields for PWA |
