HTML
- Creating our first web page
- Understanding Markup language
- Tags in HTML
- Web Forms
- Linking to Pages
- Iframe tag
CSS
- What is CSS
- Inline, internal, External Stylesheets
- CSS Selectors
- ID selector
- Class Selector
- Specificity in CSS
- Basic Properties of CSS
- Font, text, Border, Margin, Padding, Height, Width
- Advanced properties of CSS
- Linear gradient
- Shadow
JavaScript
- Introduction to JavaScript
- Statements and Comments
- Finding Errors
- Variables, Data Types
- Operators
- Strings
- Events
- Functions, Functions with Parameters
- Functional with Multiple Parameters
- Variable scope
- Arrays
- Statements if, else, nesting if, Complex Conditions, switch
- While loop, for loop
- Objects, properties and methods
- Referencing elements in JavaScript
- Changing an image source
- Forms, form values
- Form validation text boxes, and passwords
- Radio buttons, Check Boxes
- Creating HTML Element
- Modifying HTML Elements
- Appending HTML Elements
- Deleting HTML Elements
- Regular Expressions
- Object oriented Javascript
- Prototype in Javascript
- Javascript Literals
- Javascript Objects, properties, and functions.
jQuery
- Introduction to jQuery
- Creating a project using jQuery
- jQuery DOM Element Selectors
- jQuery DOM Traversal
- jQuery DOM Modification
- jQuery effects and animation
- jQuery Events
- jQuery UI Speciial Effects
SAPUI5
- Installation of Eclipse and creating SAPUI5 project
- Walkthrough of SAPUI5 controls, create a sample project
- Understanding Control, control properties, events, aggregations - creating own custom controls, complex controls
- Creating SAPUI5 view using JavaScript View, XML View - Binding Data to View
- Data binding types Property binding, Element Binding, Aggregation Binding
- Data Model types as JSON Model , XML Model and Resource Model
- Data model type OData.
- Creating Custom SAPUI5 Project
- Understanding SAPUI5 application as a whole
- Introduction to Control
- Control properties
- Control Events
- Control Aggregation
- Notepad Control (Custom Control)
- Creating XML View
- Creating XML Page
- Databinding in SAPUI5
- Understanding Databinding process in SAPUI5
- Property Binding
- Using JSON Model and JSON Data
- Element Binding
- Aggregation Binding
- Binding at initialization level and runtime
- Binding with XML Model and XML Data
- Internationalization
- Resource Model
- Fragments in SAPUI5
- Defining App(sap.m.App) and using pages
- Understanding MVC Design Pattern.
SAP Netweaver Gateway Using OData Service
- Overview of NetWeaver Gateway
- Understanding OData
- Using query options on OData and developing SAPUI5 applications
- Using Northwind services
- $Select, $filter, navigations, Read, collection options
- Creating OData Service in SAP Netweaver Gateway (Code Based)
- Reading and filtering data (Code Based)
- Understanding SAP Netweaver gateway
- Installations, Configurations, authorizations required.
- Development life cycle of SAP Netweaver Gateway
- Hub deployment and Embedded Deployment
- Creating, Updating, deleting Entry of OData Service. (Code Based)
- Function Import (Code Based)
- File Upload and download (Code Based)
- Image download using $value (Code Based)
- Service Generation using RFC
- Testing Gateway services
SAP Web IDE
- Installing Web IDE Locally, using HANA trail account
- Features of Web IDE
- Creating Project in SAP Web IDE
- Creating Fiori Application in SAP Web IDE
- Using Layout Design
- Versions of IDE
- Creating Splitt App, App
- Databinding in SAP Web IDE
- Calling OData in UI5 using Web IDE (Destinations)
- Adding Mock data to Project
- Git Repository
- Extending Standard Applications
- Deployment option is SAP Web IDE using SAPUI5 ABAP Repository/SAP HANA Cloud
Advanced concepts of SAPUI5
- Component in SAPUI5
- Navigation in SAPUI5 using Route
- Deployment options in SAPUI5
- Using SplitApp
- Extending Standard SAP Fiori Applications
- Importing project
- View Extension
- View Modification
- View Replacement
- Controller Modification
- Controller Extension
- OData Extension
- Deploying Custom and standard Applications
SAP Fiori
- Overview of SAP Fiori
- SAP Fiori Design Principles
- Creating Project in SAP Web IDE
- Creating Fiori Application in SAP Web IDE
- Extending Standard Fiori Applications
- SAP Fiori Launchpad
- Installation Guidelines
- System Landscape for Transactional Applications
- System Landscape for Factsheet Applications
- System Landscape for Analytical Applications
- Extending transactional Applications
- Overview on extending Factsheet Applications
- Overview on extending Analytical Applications
- Creating Custom Launched Pad
- Creating Catelogs, and group
- Adding Custom Applications to LaunchPad
- Understanding SAP Fiori
- SAP Fiori Design Principles
- SAP Fiori Architecture
- Guidelines to set SAP Fiori Components
- SAP Fiori Launchpad
- Using SAP Fiori Designer
- Creating Tiles, Catalog, Group, Roles for adding Application to Fiori