SAPUI5 step-by-step for Fiori development
3.6 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
60 students enrolled

SAPUI5 step-by-step for Fiori development

Learn how to build responsive web applications using the Java Script OpenUI5 framework.
3.6 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
60 students enrolled
Last updated 8/2019
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 34 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build apps from scratch with SAPUI5 for SAP Fiori.
  • You'll understand how UI5 implements MVC.
  • Learn how to use WebIDE for development.
  • Understand the concepts of UI5.
Course content
Expand all 22 lectures 01:25:53
+ Who am I? What are you going to learn here?
1 lecture 05:28

What is UI5? What's the difference between OpenUI5 and SAPUI5? Se what you'll learn throughout this course.

Preview 05:28
+ Pre-requisites
1 lecture 05:09

Basic tools and technology you'll need to develop this course's tasks:

CSS

HTML

JavaScript


A trial account on SAP Cloud Platform to use WebIDE.

Tools and Basic Technologies
05:09
+ HelloWorld no WebIDE e Bootstrap do UI5
4 lectures 12:52

How to use basic HTML to create an application in WebIDE.

Making an application in WebIDE and creating the famous HelloWorld!
03:18

Learn how to use WebIDE server to run your application.

How to run your application in WebIDE
01:43

You'll learn how to create a simple UI5 application using WebIDE.

Adding UI5 to your app
04:36

You'll see how to use sap.m.Text on your application.

Using your first UI5 control on your page
03:15
+ Model View Controller projects
4 lectures 16:11

Learn the concept of Model View Controller and how it is applied on UI5.

MVC (Model View Controller)
03:17

On this lesson, we'll see how to use the XML view.

XML Views
03:48

Let's add a controller to our application and a function to define the behaviour of a new button.

Controllers
03:57

Let's add a JSON data model to the project, connecting the data from this model on view mode.

JSON Model
05:09
+ Step-by-step
3 lectures 14:01

Most of the time, it is necessary to make applications available to clients in different countries and in different languages. I'll help you understand and apply internationalization on UI5.

Please note: the following files must have their extension changed to .properties :
i18n.txt
i18_pt.txt

Internationalization (i18n)
08:14

Let's use three controllers from the sap.m library to tidy up and organize the screen view.

Please note: the following files must have their extension changed to .properties :
i18n.txt
i18_pt.txt

The sap.m.Shell, sap.m.Page and sap.m.Panel controls
03:49

After this lesson, you'll know where to find and how to use native icons from the UI5 library.

Preview 01:58
+ Data Binding
5 lectures 19:08

We'll see how to use a JSON file to simulate backend properties and use sap.m.List on view to consume this new model and show data on a list format.


Please note: the following files must have their extension changed to .properties :
i18n.txt
i18_pt.txt

Aggregation Binding
04:33

Learn how to use data types to change list exhibition.

Data Types
03:09

Let's see how to format data on your list using a JavaScript function customization. Plus, how to use IF on a binding.

Expression Binding
04:26

Can you add a search field (sap.m.SerachField) to your list? Yes you can! Or, at least you'll be able to.

Filtering
04:14

Your list will be improved by sorting and grouping the inputs by source.

Sorting and Grouping
02:46
+ Responsiveness
1 lecture 04:41

With minimal effort, let's make your application suit different gadgets like desktop computers, tablets and smartphones.


Responsiveness
04:41
+ Review
1 lecture 02:10

Let's review what was covered during this course.

Preview 02:10
+ Bonus
2 lectures 06:13

It's time to polish your code and make it easier to maintain over time.

Preview 01:39

How to debug UI5 code with native Google Chrome tools.

Debugging tools
04:34
Requirements
  • HTML, CSS and basic JavaScript knowledge will get you far!
Description

Throughout this course, you will get to know how to use the most requested JavaScript framework for SAP corporate ecosystems. Press play to check our video lessons and download the source files. Follow our step by step instructions for beginners and start building from scratch your application. You'll also learn how to use lists from a JSON file simulating a back-end application and how to make your app available for mobile devices.

Master the skills to implement apps using SAP Fiori Design system using UI5!


Who this course is for:
  • Software developers who want to learn how to use the framework for building multi-platform UI5 applications.