Skip to main content

Mission

Infinity Front-End Foundation

Archived

4 Modules

4 Challenges

5 hrs 35 mins

Pega Platform 8.6
Visible to: All users
Beginner Pega Platform 8.6 User Experience English

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.

This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded.

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.

mission badge: Infinity Front-End Foundation

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice