Learn SAPUI5 Development With Project

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to Course

Chapter 2: Week 1 – Getting Started With Project Development Using Web IDE Template for UI5

Lecture 1: Building UI5 Application for Project CORE and UI5 New Components Updates

Lecture 2: Understanding functionality for Project CORE UI

Lecture 3: Stating the Development in Web IDE Personal Edition

Lecture 4: Development in Web IDE Personal Edition – Data Binding with manifest.json Part 1

Lecture 5: Development in Web IDE Personal Edition – Data Binding with manifest.json Part 2

Lecture 6: UI5 Development of Routing for Home Screen and Details Page Navigation – Part 1

Lecture 7: UI5 Development of Routing for Home Screen and Details Page Navigation – Part 2

Lecture 8: UI5 Development of Routing for Home Screen and Details Page Navigation – Part 3

Lecture 9: UI5 Development of Routing for Home Screen and Details Page Navigation – Part 4

Lecture 10: Summary For Week 1 Of UI5 Professional Development-1

Chapter 3: Week 2 – Project Development of Overview Screen and New components Using Web ID

Lecture 1: Code Repo

Lecture 2: GIT Configuration With WEB IDE – Understand Basic of GIT

Lecture 3: GIT Configuration With WEB IDE – Creating a Demo Repo and Pushing Changes

Lecture 4: GIT Configuration With WEB IDE – Understand Pull, Commit, Push, Rebase – Part 1

Lecture 5: GIT Configuration With WEB IDE – Understand Pull, Commit, Push, Rebase – Part 2

Lecture 6: GIT Configuration With WEB IDE – Creating Main Project Repo and Doing Commit-Pul

Lecture 7: Adding ObjectHeader to our Overview Page of the App Using Layout Editor

Lecture 8: Vertical Layout and FilterBar – What do When FilterBar is not Present in Layout

Lecture 9: Adding FilterBar With Code Editor from Sample Code

Lecture 10: Changing FilterBar Based on Our Requirement of Having an Input

Lecture 11: Adding the Proper Aggregation in XML Views for FilterBar Content

Lecture 12: Adding the Model for the Application in Manifest.json – Part 1

Lecture 13: Adding the Model for the Application in Manifest.json – Part 2

Lecture 14: Bind the Global Model Data to Our Material Overview View as Named Model

Lecture 15: Changing our Table as Per CORE UI – Searching for Table Mode

Lecture 16: Changing our Table as Per CORE UI – Making Mode as Multiselect

Lecture 17: Changing our Table as Per CORE UI – Adding ColumnMicroChart

Lecture 18: Debugging and Placing MicroChart Inside Table

Lecture 19: Databinding for Table Rows and Columns

Lecture 20: Databinding and Aggregation for MicroChart

Lecture 21: Developing Formatter for our MicroChart

Lecture 22: Fixing Error in Formatter by Adding it in Controller as Formatter Module

Lecture 23: Adding Formatter as a Resource Inside Manifest.json

Lecture 24: Starting the Filter Implementation over our Table Data

Lecture 25: Adding the Event Listener in the Controller for Filter

Lecture 26: Adding the Back Button Functionality for the Overview Page

Lecture 27: Populating and Linking Standard Text into i18n Property File and Summary of Week

Chapter 4: Week3 – Project Dev of Detail Screen,New components & Advanced Issues – Part – 1

Lecture 1: Walk through of Week 3 Development and Focus on Detail Screen UI

Lecture 2: Building Responsive Layout for Our Detail Screen and Starting from Big Component

Lecture 3: Adding Responsive Split Layout Container to our App

Lecture 4: Building Object List – Layout Editor for Unsupported Components

Lecture 5: Building Object List – Creating New Global Data Model – Planning Part

Lecture 6: Building Object List – Creating New Global Data Mode – Understanding Async Data

Lecture 7: Building Object List – Creating New Global Data Mode – Understanding Async Data

Lecture 8: Building Object List – Adding List and Binding Model Data

Lecture 9: Building Object List – Adding Status and Formatters for Colors

Lecture 10: Building Object List – Understanding Formatters Better

Lecture 11: Understanding Formatters and Debugging For Global Parameters – Part 1

Lecture 12: Understanding Formatters and Debugging For Global Parameters – Part 2

Lecture 13: Understanding Formatters and Defining Global Parameters

Lecture 14: Understanding Formatters and Implementation of Status Color Change

Lecture 15: Understanding Formatters and Mismatch in API Reference

Lecture 16: Understanding Rendering Issues for Panel Height and How to Fix it

Chapter 5: Week 4 -Understanding Layout, Containers, Grid, Generic Tiles, Viz and Complex

Lecture 1: Code Version Before Week 4

Lecture 2: Understanding Layout Overview for the Detail Screen

Lecture 3: Which Layout Components We Need to Select for Detail Screen

Lecture 4: Adding Object Header And Placing In Detail Screen

Lecture 5: Attributes And Status For Object Header And Fixing Width Issue

Lecture 6: Selecting Icontabbar And Icontabfilter For Detail Screen

Lecture 7: Adding Chartcontainer Inside Icontabfilter For Detail Screen

Lecture 8: Adding Multiple ChartContainer Inside IconTabFilter

Lecture 9: Experimenting With ChartContainer Inside ChartContainer

Lecture 10: Adding Viz Component Inside ChartContainer and Compatibility Issues

Lecture 11: Error in Compatibility of ChartContainer Layout and Debugging

Lecture 12: Adding Expandable Table and Chart Using ChartContainer In ChartContainerContent

Lecture 13: Debugging ChartContainerContent for Not Valid Aggregation

Lecture 14: Solving The Aggregation Issue And Best Practice For Nesting Container

Lecture 15: Understanding Layout for Tile Container and Grid Layout for Generic Tiles

Lecture 16: Looking into TileContainer and CustomTile – Not Compatible with 1.50v

Lecture 17: Looking into GenericTile Inside Grid Layout – Compatible with 1.50v

Lecture 18: Implementing TileContainer and CustomTile – Not Compatible with 1.50v Part 1

Lecture 19: Implementing TileContainer and CustomTile – Not Compatible with 1.50v Part 2

Lecture 20: Adding Appropriate Data For the Detail Screen New Elements – Part 1

Lecture 21: Adding Appropriate Data For the Detail Screen New Elements – Part 2

Lecture 22: Adding Named Model to Object Header – Part 1

Lecture 23: Adding Named Model to Object Header – Part 2

Lecture 24: Merging Two Table Field and Assignment Description for Week 4

Lecture 25: Adding Viz Component and the ChartContainerContent – Part 1

Lecture 26: Adding Viz Component and the ChartContainerContent Debugging – Part 2

Lecture 27: Debugging Viz Component Binding to Render Proper Data – Part 1

Lecture 28: Debugging Viz Component Binding to Render Proper Data – Part 2

Lecture 29: Debugging Viz Component Binding to Render Proper Data – Part 3

Lecture 30: Debugging Viz Component Binding to Render Proper Data – Part 4

Lecture 31: Final Debugging of Detailed App, Assignment for Week 4 and Summary

Lecture 32: Code Version After Week4 Without Assignment Solution

Chapter 6: Week 5 – UI5 Compression, Automation Task Runner, Gulp Starter Kit & Load Speed

Lecture 1: Understanding Async and Dependencies

Lecture 2: Understanding Dependencies and Task Runners

Lecture 3: Understanding Continuous Deployment , Overview of Babel, Gulp and Gulp Preload

Lecture 4: Understanding Gulp UI5 Preload Lib and Seeing Overview Code

Lecture 5: Understanding UI5 Gulp Starter KIT Package.json

Lecture 6: Understanding index.hbs Files and Yarn Build

Lecture 7: Executing Yarn Build and Executing the Default App

Lecture 8: Understanding What Will Change After Build and Execute the UI5 Default App