Fiori · SAPUI5
SAP Fiori: SAPUI5 Development from Zero to Advanced
SAPUI5 is the framework used to build the Fiori applications that are the visible face of SAP today. This course starts from zero and reaches an advanced level: Fiori and SAPUI5 concepts, framework architecture, project structure, binding and formatters, OData, Mock Server, unit tests, routing, custom controls and debugging tools.
What you will learn
By the end, you will be able to do this
- Understand Fiori and SAPUI5 concepts
- Get to know the framework architecture
- Structure SAPUI5 projects
- Master binding and formatters
- Consume OData services
- Work with Mock Server and unit tests
- Implement routing and navigation
- Create custom controls
Syllabus
16 sections · 94 videos
18 labs · 13 tests · assignments with solutions
01 Fiori and SAPUI5 concepts
- What is SAP Fiori?
- SAPUI5 - Technologies and languages
- UI and UX
02 SAPUI5 framework and jQuery
- What is a framework?
- The SAPUI5 framework
- jQuery
03 Architecture
- Client - Server
- MVC - Model View Controller
04 Development environment lab test
- Creating an SAP trial account
- SAP Business Application Studio
- SAP BAS - Exploration
- Project creation - Graphical interface
- Project creation - Command line
- Run configuration
+ Lab · Test
05 SAPUI5 project structure lab test
- Hello World
- Bootstrapping
- SAPUI5 Control
- XML views
- View controllers
- Modules
- JSON model
- Organizing models
- Internationalization - i18n
- Components - Configuration
- Metadata
- Component container
- Manifest
- Component Support
- Git - Setup and usage
+ Lab · Test
06 Application look and feel lab test
- Pages
- Panels
- Shell Control
- Margins / Paddings
- Custom CSS
- Themes
+ Lab · Test
07 User interface - Objects lab test
- Nested views
- Fragments - Definition
- Dialogs - Definition
- Fragments - Callback
- Icons
- Managed object
- Dialogs - Reuse
+ Lab · Test
08 Binding and formatters lab test
- Binding Path - Aggregation
- Standard formatters
- Binding - Expressions
- Custom formatter
- Filters
- Sorting
- Grouping
+ Lab · Test
09 OData lab test
- OData - Destination in Cloud Foundry
- OData - Linking the destination to the project
- Run configuration - Destination binding
- OData - Using the model in the views
+ Lab · Test
10 Mock Server lab test
- HTML
- Initialization and dependencies
- Instance
- Testing the application with the Mock Server
+ Lab · Test
11 Unit tests lab test
- QUnit - Test page
- QUnit - Functionality
- Unit test - Creation
- Unit test - Execution
- OPA5 - Test page
- OPA5 - Navigation test
- QUnit - Integration with OPA5
- OPA5 - Test execution
+ Lab · Test
12 Routing and navigation lab test
- Structuring pages
- Routing - Definition and configuration
- Routing - Initialization in the component
- Navigation - Definition and implementation
- Navigation with parameters - Sending
- Navigation with parameters - Receiving
- Back navigation
- Routing history
+ Lab · Test
13 Custom controls lab test
- Creation
- Metadata - Definition
- Initialization
- Renderer
- Styles
- Usage
+ Lab · Test
14 Adaptations lab test
- Responsive
- System Device
- Device adaptation with CSS
- Built-in functions
- Content density
- Accessibility
+ Lab · Test
15 Debugging tools lab test
- Log Level - Debug
- UI5 Inspector
- DOM elements
- Console
- Sources
- Breakpoints
- Network
- Technical Information Dialog
- Performance
+ Lab · Test
16 Final test and course certificate
- Final test
- Getting the course certificate
Who it is for
Is this course for you?
- Frontend developers entering the SAP ecosystem
- SAP consultants who want to build Fiori interfaces
- Web developers moving to SAPUI5
Requirements
What you need to get started
- Notions of JavaScript, HTML and CSS
- No previous SAPUI5 experience required
- The development environment is prepared during the course
Your instructor
SAP architect with 20 years of experience on real projects. He shares what he has learned along the way, with day-to-day examples.
Training used by SAP professionals in banking, industry, retail, and the public sector.
Path · Fiori: SAPUI5 Development
Other courses in this certification path
Frequently asked questions
How do I get access to this course?
With a Logali Tech subscription (courses are not sold individually). The Free plan opens the first three sections of every course; Standard and Premium unlock the full course. See Pricing.
Do I need my own SAP instance?
Logali Tech does not provide access to SAP systems. In most of the training you do not need your own license: hands-on work is done on a free SAP BTP Trial account that you create, and the course walks you through setting it up step by step. For the On-Premise courses (classic ABAP, Web Dynpro, ALV, Adobe Forms and Fiori administration) you can run the free trial system that SAP makes available (ABAP Cloud Developer Trial) on your own infrastructure, or use the SAP system in your own company environment.
Are there live classes?
Recordings are available 24/7. Live classes and live master programs are included in the Premium plan.
Do I get a certificate?
Yes. When you complete the course you earn a certificate of completion that you can add to your LinkedIn profile.
Start this course today
The first three sections are free. With a subscription you get this full course and the entire SAP catalog.