C_FIORD: SAP Fiori and SAPUI5 Application Developer

SAP Fiori design and launchpad

• Fiori design principles
• Fiori app types: transactional, analytical, fact sheet
• Floorplans and the SAP Fiori design guidelines
• Fiori launchpad, spaces and pages
• Freestyle versus Fiori elements

• Lab: Explore standard Fiori apps and floorplans · 30 min

Development environment

• SAP Business Application Studio dev spaces
• SAP Fiori tools extensions
• Application generator and templates
• Destinations and mock data
• Git integration

• Lab: Create a dev space and generate a basic SAPUI5 app · 45 min

SAPUI5 architecture and MVC

• Bootstrapping and libraries
• Component and manifest.json
• XML views and controls
• Controllers and event handling
• Internationalisation with resource bundles

• Lab: Build an XML view with a controller and i18n texts · 50 min

Models

• JSON model
• Resource model
• Model instantiation in the manifest
• Default and named models

• Lab: Load data into a JSON model and display it · 40 min

Data binding

• Property binding
• Aggregation binding with lists and tables
• Element and context binding
• Binding modes
• Formatters, types and expression binding

• Lab: Bind a list and detail form with formatters · 55 min

Controls and layouts

• sap.m controls overview
• Responsive layouts and flexible column layout
• Fragments and dialogs
• Custom data and CSS theming basics

• Lab: Add a dialog fragment and responsive layout · 40 min

OData V2 model

• OData fundamentals and metadata
• Reading entity sets and navigation properties
• Filtering, sorting and paging
• Create, update and delete operations
• Batch requests

• Lab: Consume an OData V2 service with filtering and sorting · 50 min

OData V4 model

• Differences between V2 and V4
• List and context bindings in V4
• Update groups and batch
• Actions and functions

• Lab: Rebuild the list with an OData V4 model · 45 min

Routing and navigation

• Router configuration in the manifest
• Routes, targets and patterns
• Passing parameters
• Not-found handling
• Cross-app navigation with intents

• Lab: Build a master-detail app with routing · 50 min

Fiori elements floorplans

• List report and object page
• Overview page and analytical list page
• Worklist pattern
• Generating apps with Fiori tools

• Lab: Generate a list report and object page app · 40 min

Annotations

• OData annotation vocabularies
• UI.LineItem, UI.HeaderInfo and UI.Facets
• Selection fields and value helps
• Annotations in CDS versus local files
• Annotation modeller and page map

• Lab: Shape the app with annotations and the page map · 55 min

Extending Fiori elements

• Flexible programming model
• Building blocks
• Controller extensions
• Custom columns, sections and actions
• Adaptation projects overview

• Lab: Add a custom section and action to an object page · 45 min

Testing

• QUnit unit tests
• OPA5 integration tests
• Mock server and mock data
• Support Assistant and UI5 Inspector
• Performance best practices

• Lab: Write QUnit and OPA5 tests for the app · 50 min

Deployment

• Build and deployment configuration
• Deploying to SAP BTP with HTML5 repository
• Deploying to the ABAP repository
• Managed application router
• Transport of UI apps

• Lab: Deploy the app to SAP BTP · 45 min

Launchpad configuration

• Semantic objects, actions and target mappings
• Catalogues, spaces and pages
• Roles and app assignment
• SAP Build Work Zone overview

• Lab: Configure a tile and target mapping for the app · 30 min

Exam readiness

• C_FIORD topic review
• Question styles
• Practice questions with review
• Confirming the current exam release on SAP Learning