Explore topic-wise InterviewSolutions in .

As HTML5 world is the new age front TECHNOLOGY ACROSS all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.

As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.

HTML5 is a markup LANGUAGE and it doesn’t have programming capabilities but SAP UI5 is a framework which is based on MVC approach to build web APPLICATIONS. HTML5 is mainly for the purpose of creating a simple webpage without formatting and LOGIC but UI5 PROVIDES standard style and components to build rich UIs.

HTML5 is a markup language and it doesn’t have programming capabilities but SAP UI5 is a framework which is based on MVC approach to build web applications. HTML5 is mainly for the purpose of creating a simple webpage without formatting and logic but UI5 provides standard style and components to build rich UIs.

• It SIGNIFICANTLY REDUCES the MANUAL TESTING effort.
• It is easier to hand over the app to other developers.
• You can avoid regressions and bugs in your CODE.

In component/integration TESTS

In component/integration tests

A STANDALONE unit TESTING LIBRARY for JAVASCRIPT that provides spies, stubs, and MOCKS

A standalone unit testing library for JavaScript that provides spies, stubs, and mocks

REGISTER to the patternMatched EVENT of the ROUTE.

Register to the patternMatched event of the route.

• Hash-based navigation adjusts the current hash to your INTERACTIONS with the app, so that the URL can always be BOOKMARKED.
• It ALLOWS you to build one-page apps where the CONTEXTUAL navigation is done by changing the hash, so the browser does not have to reload the page.

To display DIALOGS and POPUP controls over the APPLICATION UI

To display dialogs and popup controls over the application UI

Add the DIALOG to an aggregation of the view, for EXAMPLE the "DEPENDENT" aggregation.

Add the dialog to an aggregation of the view, for example the "dependent" aggregation.

When you realize that you NEED to REUSE this code in SEVERAL other places and VIEWS in your app.

When you realize that you need to reuse this code in several other places and views in your app.

• CONTROLLER INHERITANCE
• NESTED VIEWS
• FRAGMENTS

• ADDING DIFFERENT margins to controls DEPENDING on the SCREEN SIZE
• Hiding controls depending on the screen size

sap.ui.model.FilterOperator.Contains

sap.ui.model.FilterOperator.Contains

• It HIDES less important columns.
• It displays less important columns as a "pop-in"; it stacks them vertically inside the ROW making the table LARGER in HEIGHT.

To GENERATE an initial set of files that serve as the starting POINT for the DEVELOPMENT of a productive APPLICATION

To generate an initial set of files that serve as the starting point for the development of a productive application

CALL the getSource() METHOD at the EVENT OBJECT PARAMETER.

Call the getSource() method at the event object parameter.

ITEMS="{
PATH : '/ProductSet',
SORTER : {
path : 'Category',
GROUP : TRUE
}
}"

items="{
path : '/ProductSet',
sorter : {
path : 'Category',
group : true
}
}"

ABSOLUTE BINDING PATHS ALWAYS START with a "/".

Absolute binding paths always start with a "/".

sap.ui.model.SimpleType

sap.ui.model.SimpleType

CLASS="sapUiSmallMargin"

class="sapUiSmallMargin"

SAPUI5 uses data BINDING to bind two data sources or information sources TOGETHER to keep them in sync. This MEANS: All changes in one source are also reflected in the other one.

SAPUI5 uses data binding to bind two data sources or information sources together to keep them in sync. This means: All changes in one source are also reflected in the other one.

• Content DENSITIES
• Root VIEW
• Models of your APP

An INDEPENDENT and REUSABLE part that can be used to structure SAPUI5 APPLICATIONS

An independent and reusable part that can be used to structure SAPUI5 applications

• To clearly SEPARATE concerns ACCORDING to the MVC concept.
• To MAKE your code much easier to read and maintain
• To ENABLE your code to dynamically load resources as they are needed

XMLNS:m="sap.m"

xmlns:m="sap.m"

• A SUBSET of SAPUI5 containing the complete core and more than 200 UI controls 
• A free-to-use and open source UI library READY for your contributions

The SAPUI5 VERSION must be AVAILABLE in your TARGET deployment SYSTEM.

The SAPUI5 version must be available in your target deployment system.

USE the URL PARAMETER sap-ds-debug=true.

Use the URL parameter sap-ds-debug=true.

• You can give an aggregation EITHER one or many VALUES by defining the MULTIPLICITY as “one” or “many”.
• You can make an aggregation INVISIBLE in the control API by setting the visibility to hidden.

• AGGREGATIONS
• PROPERTIES
• EVENTS

• Extend an EXISTING control with your own features.
• Create a composite control that reuses existing controls internally.
• Extend the sap.ui.core.Control BASE class and build a NEW control.

• A test suite that CALLS all your unit and integration tests
• CLEAR SEPARATION of test and production code
• Unit test SETUP (QUnit) and BASIC test coverage

CALL QUnit.test() in your test CODE with a speaking test description and a CALLBACK that CONTAINS at least one assertion.

Call QUnit.test() in your test code with a speaking test description and a callback that contains at least one assertion.

• By SELECTING the RUN CONFIGURATION Run Unit Tests
• By right-clicking the unitTests.qunit.html file and selecting an option from the Run MENU

In the "MODELS" SECTION of the manifest.json FILE

In the "models" section of the manifest.json file

on metadataLoaded - createEntry - SUBMIT - on SUCCESS

on metadataLoaded - createEntry - submit - on success

As MANY as you LIKE

As many as you like

Bypassed

Bypassed

• The dialog INSTANCE is RETURNED when you invoke the fragment FACTORY.
• The dialog is INSTANTIATED but not displayed.

• They are RENDERED into a SPECIFIC AREA (the static area) in the DOM.
• They needo be added to the “dependent” aggregation of the view to GET access to the models.

To MAKE PARTS of your VIEW REUSABLE

To make parts of your view reusable

• Use subdirectories for related views and CONTROLLERS.
• Use fragments to DEFINE reused UI PARTS only once.
• Put the functionality USED in MULTIPLE controllers into a base controller and extend this controller in the other controllers in your app.

Each XML view CREATES its own DOM ELEMENT REGARDLESS of the nesting LEVEL.

Each XML view creates its own DOM element regardless of the nesting level.

To create REUSABLE UI parts without a DESIGNATED controller or other BEHAVIOR code

To create reusable UI parts without a designated controller or other behavior code

The PullToRefresh CONTROL: It is represented as a simple BUTTON on non-touch DEVICES, but the user NEEDS to PULL the page content down on touch devices to refresh it.

The PullToRefresh control: It is represented as a simple button on non-touch devices, but the user needs to pull the page content down on touch devices to refresh it.

• The device TYPE (phone/tablet)
• WHETHER the device has touch support
• The BROWSER NAME and version

• To CHECK WHETHER a DEVICE supports touch interaction
• To influence the user INTERFACE without coding, based on the characteristics of the device

• As many controls are responsive out of the BOX, check whether you have to do ANYTHING at all.
• SET the compact density on devices without touch SUPPORT.

sap.ui.model.FilterOperator.LT

sap.ui.model.FilterOperator.LT

To an AGGREGATION BINDING

To an aggregation binding