SAP UI5

Model - manages application data eg database
View - Presentation layer for display of data - responsible for defining and rendering the UI
Controller - Reacts to view events and user interaction by modifying the view and model

Model - sap.ui.model

holds the data and provides methods to retrieve the data from the database and to set and update data.

Client-side Model - sap.ui.model.json.JSONModel, sap.ui.model.resource.ResourceModel, sap.ui.model.xml.XMLModel

JSON model, XML model, and the resource model are client-side models
The model data is loaded completely and is available on the client.
Operations such as sorting and filtering are executed on the client without further server requests.

Server-side Model - sap.ui.model.odata.ODataModel

The OData model is a server-side model and only loads the data requested by the UI from server.
Any changes in data binding or list operations require a new request to the server.

View - sap.ui.core.mvc.View

responsible for defining and rendering the UI. SAPUI5 supports predefined view types - JS , XML , JSON , HTML

Controller - sap.ui.core.mvc.Controller - provides predefined lifecycle hooks for implementation.

onInit(): Called when a view is instantiated and its controls (if available) have already been created;
onAfterRendering(): Called when the view has been rendered to do post-rendering manipulations of the HTML.
onBeforeRendering(): Invoked before the controller view is re-rendered and not before the first rendering;
onExit(): Called when the view is destroyed; used to free resources and finalize activities

Components

Faceless components (class: sap.ui.core.Component)
- do not have a UI and are used, for example, for a service that delivers data from a back-end system.
UI components (class: sap.ui.core.UIComponent)
- extend components and add rendering functionality to the component.
- They represent a screen area or element on UI, eg a button or a shell, along with the respective metadata.

Demo Apps

Tools - plnkr.co , jsbin.com , codepen.io , github.com , NWDS

UI5 on Node