Back to Course
A Journey to the center of Pega Constellation
0% Complete
0/0 Steps
-
Section 1: Course Introduction1. Course Content
-
2. Evolution of Pega User Interface
-
Section 2: UI Kit - Understanding3. UI Kit - Understanding and Usage
-
Section 3: Pega Web Mashup4. Mashup Introduction
-
5. Create a new Mashup channel
-
6. What is iFrames?
-
7. Mashup attributes
-
8. Mashup actions
-
9. Mashup authentication
-
Section 4: Traditional DX APIs V110. Introduction
-
11. APIs and Data model - Part 1
-
12. APIs and Data model - Part 2
-
Section 5: Traditional starter packs with DX API V113. Starter packs introduction
-
14. React Starter pack Installation
-
15. API calls between applications
-
SECTION 6: Theme Cosmos - Traditional UI design16. Introduction
-
17. Create a new application
-
18. Portals
-
19. Explore why the configuration is not visible in the user portal default?
-
20. Personas
-
21. Customizing home page
-
22. Case design and Case view
-
23. Case view customization
-
SECTION 7: Advanced development - Traditional UI design24. Mixin variables
-
25. CSS helper classes - Understanding
-
26. Create a custom CSS helper class
-
27. Fonts and custom fonts
-
Section 8: JavaScript Understanding28. JavaScript basics
-
29. How Pega uses the JavaScripts OOTB?
-
30. Exercise 1 - Implement custom JavaScript in a Pega application
-
31. Exercise 2 - Create a new edit validate to run on client side using JavaScripts
-
32. Java Server Pages
-
33. Use React Custom component from UI gallery
-
34. AJAX and jQuery
-
35. JavaScript public APIs
-
36. Different ways to run activity from JavaScript
-
Section 9: Cosmos React - Constellation UI design37. Introduction
-
38. Constellation - Architecture
-
39. Make the right decision!!
-
40. Create your first application
-
SECTION 10: Setup UI service (Docker) - Constellation UI design41. Introduction
-
42. Docker - Containerisation basics
-
43. Docker - Setup docker desktop for Windows
-
44. Download docker images
-
45. Setup UI Service docker container
-
46. Connect Pega Infinity with Constellation UI service
-
Section 11: Portal & Case design - Constellation UI design47. Introduction
-
48. Portals and Personas ( also adding trustore certificates included)
-
49. Create a new case
-
50. Apply themes
-
Section 12: Configure Views - Constellation UI design51. Introduction
-
52. How to access and create views?
-
53. Configuring Full view
-
54. Configuring Case and Data view
-
55. Configuring List view
-
56. Configuring Form view
-
Section 13: Pega Web Embeds - Constellation UI design57. Introduction
-
58. Create a new Pega Web Embed
-
59. Pega Web Embeds - Attributes
-
60. Pega Web Embeds - Actions
-
SEction 14: Custom components - Constellation UI design61. Introduction
-
62. Project initialization
-
63. Create a new component
-
64. React basic understanding
-
65. Publish the new component
-
66. Use the new component from App studio
-
Section 15: Constellation DX APIs V267. Introduction
-
68. How to access Constellation DX APIs?
-
69. Constellation DX API V2 Vs Traditional DX API V1
-
70. Additional DX APIs V2
-
71. Data APIs for CRUD operations
-
Section 16: Constellation SDKs72. Constellation SDK - Introduction
-
73. Constellation SDK - Server setup
-
74. Constellation SDK - Explore APIs
-
Section 17: Constellation Messaging service75. WebSockets Introduction
-
76. Messaging Service Architecture
-
77. Client-side subscriptions
-
78. Server-side publishing
-
79. Implement Notification in a traditional way - Myknowpega reference
-
80. Exercise - Implement the notification using constellation messaging service
-
Section 18: Public APIs & Debugging - Constellation UI design81. PCore and PConnect Public APIs
-
82. How to debug in a Constellation application development?
-
Section 19: App build - Constellation UI design83. Use case
-
84. Case design
-
85. Data model design
-
86. App build - Configure views
-
87. Complete and test the case