SAP UI5 - The advanced features in SAPUI5

Introduce sapui5 basics, its features, and OpenUI5 comparison. Learn to install sapui5 plugin in eclipse with jdk 1.7 and luna 4.4.

Explore SAP web IDE architecture, features, and templates for SAPUI5 development, including plugins, the hybrid app toolkit, and cloud-based data sources via Hana cloud cockpit.

Learn how to create fullscreen and split screen SAPUI5 applications in Eclipse by building master and detail pages, wiring views and controllers.

explore how a sapui5 project is organized, with root and web app folders housing views, controllers, models, css, images, i18n, mock server files, and manifest.json and component.js.

Explore views and controllers in sapui5, including xml, json, js, and html views, and learn controller logic, lifecycle hooks such as oninit, onexit, onbeforerendering, and onafterrendering, and the mvc pattern.

Explore models and data binding in SAP UI5, focusing on the JSON model, binding types, binding modes, and how to bind data to views using a JSON model example.

Learn to configure destinations in SAP Web IDE using the SAP cloud cockpit, create a new destination with GDP type, set authentication, and test connectivity to an external gateway service.

Learn to consume an OData service in SAP UI5 by configuring data sources, defining an OData model, binding entity sets to UI controls using metadata.

Learn how aggregation binding binds a list to a model in SAP UI5, using an object list item to display selected fields such as title, number, and state.

Explore how to filter a list by product id, sort by category, and group by category in SAP UI5’s list control through a practical demonstration.

Implement a responsive SAPUI5 table that adapts to desktop and mobile using minimum screen width and demand popping, binding a JSON model with a columnListItem template.

Learn SAP UI5 internationalization and localization by replacing hard-coded text with an i18n resource model and language properties files, binding the bundle in views and configuring the manifest.

Explore how to style SAPUI5 apps with CSS, using external, internal, and Chrome tools approaches, and learn to integrate images and icons for a rich UI.

Learn how SAP UI5 containers organize controls and how layouts like simple form, vertical layout, box layout, and flex box arrange UI elements, demonstrated through practical CPI app examples.

Explore how to build a mock server in SAP UI5 to test and develop with fake data, using local service, metadata, and mock data files.

Demonstrates implementing formatters and inline expressions in SAPUI5, including custom formatter files, controller/view bindings, and inline expressions to convert units and render status colors.

Explore navigation and routing in SAP UI5, including hash-based routing, bookmarking, and data passing between views, with hands-on setup for full-screen and master-detail applications.

Explore routing in a split screen SAP UI5 application by building a master-detail navigation, configuring routes in the manifest, and wiring views to switch from full pages to split view.

Explore fragments and nested views in SAP UI5, learning how to create and reuse fragments, define content, and manage controllers for modular, reusable UI components.

Create and bind a viz frame chart in SAP UI5 using a JSON data model, then configure frame properties to render a horizontal bar chart with colors and a legend.

Learn to debug SAP UI5 applications using Chrome development tools, set dynamic breakpoints, inspect elements, modify variables, and step through JavaScript code to diagnose issues with a sample API application.

Explore SAP UI5 advanced features with the UI5 inspector Chrome plugin, learn to inspect controls, bindings, and properties, and see live changes and application information.

Learn to build a custom SAP UI5 control by extending the base control, combining a rating indicator with a submit button, and handling the value summit event.