Introduction to
JavaScript & SAPUI5
for ABAP Developers
Instructor Led Online Paid Training
email - mailSAPYard@gmail.com
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/ mail@sapyard.com whatsapp - +1-646-727-9273 / +1-646-SAP-YARD
