Scribd
Upload
60 views

Introduction To JS and SAPUI5 - Course Content

This 8-day training course provides an introduction to JavaScript and SAPUI5 for ABAP developers. Over the course of 8 days, participants will learn JavaScript fundamentals like variables, data types, objects, and arrays. They will also learn how to create simple SAPUI5 applications using controls, models, and data binding. The course includes classroom exercises and homework assignments each day. Recordings of all classes will be available to participants for lifetime access.

Uploaded by

nageswara kuchipudi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
60 views

Introduction To JS and SAPUI5 - Course Content

This 8-day training course provides an introduction to JavaScript and SAPUI5 for ABAP developers. Over the course of 8 days, participants will learn JavaScript fundamentals like variables, data types, objects, and arrays. They will also learn how to create simple SAPUI5 applications using controls, models, and data binding. The course includes classroom exercises and homework assignments each day. Recordings of all classes will be available to participants for lifetime access.

Uploaded by

nageswara kuchipudi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Introduction to

JavaScript & SAPUI5


for ABAP Developers

Instructor Led Online Paid Training


email - [email protected]
whatsapp - +1-646-727-9273
Day 1 - Foundation for UI5 Projects
• What is SAPUI5 Framework?

• What are the different Development Tool for UI?

• Introduction to WebIDE, Setup and Usage

• What is the usage of HTML, CSS, jQuery & JS in UI Developments?

• Why JavaScript is the backbone of any UI Development?

• What is JavaScript?

• Understand, define & use Variables, Data Types, Stings in JavaScript

• Introduce ABAP Developers to Objects & Arrays in JavaScript

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 1
❖ Homework Assignments for Day 1
Day 2 - Dive Deeper into JavaScript
• More exercises on Objects & Arrays in JavaScript

• Introduce ABAP Developers to Methods & Functions in JavaScript

• Exercises on definition, implementation & usage of methods and functions in JavaScript

• Functions with parameters

• Functions with multiple parameters

• Variations of Conditional statements in JavaScript

• IF ELSE, Nested IF, Complex Conditions, SWITCH, WHILE LOOP, FOR LOOP

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 2
❖ Homework Assignments for Day 2
Day 3 - JavaScript & SAPUI5
• Understand & Use Operators in JavaScript

• Some commonly used elements like Radio Buttons, Check Boxes & Forms

• Creating, Modifying, Deleting HTML Elements

• Understanding Events & its usage in JavaScript

• Usage of external JavaScript Libraries (viz jQuery)

• Overview of SAPUI5

• Understanding Eclipse & Web IDE - similarities & differences

• Create your first simple SAPUI5 Application & Test

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 3
❖ Homework Assignments for Day 3
Day 4 – Dive Deeper into SAPUI5
• Concepts – MVC, Resource Handling, Libraries, SAPUI5 Components, Fragments

• Best Practices – Preparation & Building

• Understanding bootstrapping - Initialization & Loading

• Exercises & Debugging in browser to understand above concepts better

• Introduction & usage of SAPUI5 Controls (List, Input fields, Dropdowns, Tables, Icons, Message API)

• Introduction to Component, Controller & its usage

• Hookup methods in Controller

• Models & Data Binding – Binding Types, Calculated Fields for Data Binding, Data Binding for Data Export, Property Metadata Binding & UI Binding

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 4
❖ Homework Assignments for Day 4
Day 5 – Dive Deeper into SAPUI5 (cont..)

• Revising Hookup methods in Controller

• Introduction of Functions in SAPUI5

• Advanced usage of Functions in SAPUI5 Controller – in depth

• Introduction of JSON to ABAP Developers

• JSON Models in SAPUI5

• Handling Events in JSON

• Live examples of Functions, Hookup methods & JSON models working in tandem

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 5
❖ Homework Assignments for Day 5
Day 6 – Dive Deeper into SAPUI5 (cont..)

• Introduction to Routing & Navigation

• Jumps, transition, navigation & routing to multiple pages along with Data

• Handling Navigation & Lifecycle Events

• Exercises & Debugging in browser to understand Routing & Navigation in details

• Message Handling

• Understand Routing Configuration, Manifest.json, Neo-app.json, Component.js in SAPUI5

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 6
❖ Homework Assignments for Day 6
Day 7 – Dive Deeper into SAPUI5 (cont..)

• Types of SAPUI5 Apps – Full Screen & their flows in detail

• Coming back to MVC – Clarification with examples done till date

• Deeper insight to SAPUI5 Controls Declaration again

• Extra emphasis to Expression Binding in SAPUI5

• MVC, Controls & Expression Binding Exercise & Clarification

• Introduction to Formatters in SAPUI5

• Enhance you UI Application’s look & feel using Formatters

• Internationalization (i18n) & Localization in SAPUI5

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 7
❖ Homework Assignments for Day 7
Day 8 – JavaScript & SAPUI5 - Conclusion
• Introduction & Usage of CSS in SAPUI5

• Understanding & Usage of Dialogs & Fragments along with exercise

• Shadowing & Enhancing Requirement Gathering Skills for UI Developments

• Industry wide Development Conventions and Guidelines

• Troubleshooting common issues in UI Applications

• SAPUI5 Diagnostics & Browser Debugging for ABAP Developers

• Understanding the difference between SAPUI5 and SAP Fiori

• Concluding Remarks & Open Forum

❖ Mandatory classroom hands on exercises for all Participants


❖ Online Quiz for Day 8
❖ Homework Assignments for Day 8
❖ Mock Online Exam after Two Weeks
❖ Issue of Certificates to participants who complete all Quizzes, Assignments & Online Exam
Why Train at SAPYard?

Safe Hands of Tried & Trusted Team at SAPYard Hands-On Class room
40 % Exercises for Participants
and Q&A Session

Hands-On HW Assignments
25 %
& Quizzes for Participants

Affordable & Value for Money Training only at SAPYard

Trainer’s Concepts,
35 % Explanations, Guidance,
Live Demo Exercises
Foundation of UI
Developments
Important Dates & Information

❑ Registration Ends – Feb 17th 2020 (No need to Pay for Registration (showing interest for the course) – Link in description
❑ Fee Payment and Enrollment Ends – Feb 24th 2020 (We will send the Fee & Payment Methods to Registered Users Only)
❑ Course Start Date – Feb 29th 2020, 7:30 AM IST (9 PM EST on Feb 28th)
❑ Course End Date – Mar 29th 2020, 7:30 AM IST (9 PM EST on Mar 28th)
❑ Each Class Duration – 2.5 Hours

Course Days – 29 Feb, 1, 14, 15, 21, 22, 28 & 29 Mar 2020
Total Hours – 20 Hours
Recordings of all classes will be provided – Life time access of these recording links

Pre-requisites for the Course – None


SAP Server Access – No need for this foundation course
Thank You
facebook.com/sapyard youtube.com/sapyard twitter.com/sapyard instagram.com/sapyard

https://sapyard.com/ [email protected] whatsapp - +1-646-727-9273 / +1-646-SAP-YARD

You might also like