Goals

  • This course will prepare you to:
    • Create web apps using basic HTML5 and CSS3
    • Develop web apps that are more interactive through JavaScript programming
    • Further improve web app development by using parts of jQuery and jQueryUI
    • Perform design decisions for openUI5 desktop and mobile applications
    • Create the necessary HANA Cloud Platform account to configure HCPms
    • Develop desktop and mobile applications using the openUI5 framework, Eclipse, HANA Cloud Platform and SAP Web IDE

Audience

  • Developer
  • Developer Consultant
  • Solution Architect
  • Business Process Owner / Team Lead / Power User

Prerequisites

Essential

Recommended

  • Understanding of HTML and the Internet

Course based on software release

  • SAP S/4HANA WTS + local version SAP Web IDE

Content

  • Foundations of HTML
    • Describe and write HTML5 and CSS code
    • Explore Development Tools
    • Work with Basic HTML-Elements and Semantic Markups
    • Implement User Friendly Web Forms
    • Work with HTML5-Custom Attributes
  • Foundation of CSS
    • Describe CSS-Essentials
    • Work with Pseudoclasses
  • Foundations of JavaScript
    • Understand Object-Oriented (OOP) Programming with JavaScript
    • Explore JavaScript Language Basics
    • Work with Primitive Data Types, Reference Types, and Operators
    • Implement Statements in JavaScript
    • Understand JavaScript-Scopes and Context Execution
    • Understand error handling in JavaScript
    • Explore DOM manipulation concepts of JavaScript
    • Work with events
    • Use http-Requests and AJAX
    • Work with Promises
  • Foundations of jQuery
    • Understand jQuery-Foundation
    • Work with Selectors
    • Understand jQuery Eventing
    • Use Styling and Animation
    • Manipulate the DOM
    • Use AJAX with jQuery
  • OpenUI5 Overview
    • Explain SAP User Experience Strategy
    • Explore Key Enablement Tools for SAP User Experience
    • Describe SAP Fiori in Relation to User Experience
    • Understand OpenUI5 Architecture
    • Explore the Relationship Between OpenUI5 and SAP Fiori
    • Explore the Differences Between OpenUI5 and SAPUI5
  • OpenUI5 Development Options
    • Install the OpenUI5 Eclipse Plugin
    • Set up a HANA Cloud Platform Account
    • Explore the Basics of SAP WEB IDE
  • OpenUI5 Project Basics
    • Develop using the Model View Controller (MVC) Design Pattern
    • Set up a Project
    • Configure and Use Core Elements of OpenUI5
  • Describe OpenUI5 Controls
  • OpenUI5 Application Debugging
    • Use Browser-based Debugging Tools
    • Explore available OpenUI5 Documentation
    • Explore SAP Web IDE Code Assist
  • Use layouts, UI Areas and create Custom Controls
  • Data Handling
  • Explore the model types JSON, XML and Odata
  • Perform Data Binding
  • Perform Property Binding
  • Perform Advanced Binding Techniques
  • Perform Advanced Binding Techniques: Master-Detail
  • Perform OData Query Options
  • Perform Common Data Operations: Format
  • Perform Common Data Operations: Sort and Filter
  • Perform Common Data Operations: Calculated Fields and Data Validation
  • Additional OpenUI5 Development Features, such as working with Resources, building Apps Using Modularization, performing Application Localization, working with Components, using Third-party Libraries, optimizing OpenUI5 Apps and OpenUI5 branding with themes and styles