Mission
Infinity Front-End Foundation
Archived
4 Modules
4 Challenges
5 hrs 35 mins
This mission will illustrate several core concepts around front-end technologies (HTML, CSS and Javascript) and how they apply to front-end development and the Pega Platform.
UI basics
-
Module
UI basics
Archived
4 Topics
45 mins
-
In this module, you learn about key UI concepts, such as dynamic layouts, containers, and how to use them to achieve the expected design.
Fixing spacing issues and using helper classes
-
Challenge
Fixing spacing issues and using helper classes
Archived
5 Tasks
40 mins
-
Spacing and alignment issues are common errors when building UI screens. It is important to address these issues because they can create an...
Using design templates
-
Module
Using design templates
Archived
5 Topics
50 mins
-
In this module, you learn about the benefits of design templates and how to use them in your application.
Using design templates to maintain consistent UI
-
Challenge
Using design templates to maintain consistent UI
Archived
4 Tasks
30 mins
-
When designing a complex application, it is important to use consistent design patterns throughout the application. As such, it is important to...
Branding and theming
-
Module
Branding and theming
Archived
9 Topics
1 hr 35 mins
-
In this module, you learn about the skin rule form and how to create a Center of Excellence (COE) layer that implements your company brand.
Applying a theme and a style
-
Challenge
Applying a theme and a style
Archived
3 Tasks
5 mins
-
The InsCorp marketing team has asked you to customize the GoGoRoad application theme to align with the company's brand. Apply the company's colors and...
Extending your theme with helper classes
-
Challenge
Extending your theme with helper classes
Archived
6 Tasks
15 mins
-
The InsCorp design team has asked you to extend the GoGoRoad application theme and provided some updated designs for the tags landing page. During...
UI best practices
-
Module
UI best practices
Archived
5 Topics
40 mins
-
In this module, you see a summary of Pega Infinity™ UI best practices and access a front-end developer code review checklist.