Skip to content
Repository for content related to the openSAP courses "Evolved Web Apps with SAPUI5"
JavaScript HTML
Branch: master
Clone or download
Michadelic Merge pull request #45 from terezamch/fix-decimal-validation
Validation of the quantity field when creating new item fixed
Latest commit fb0450c Jun 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo/odatav4 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
import Support language for Brazilian portuguese May 24, 2019
w1u1 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w1u2 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w1u3 Update proxy.js: Change host address to localhost May 31, 2019
w1u4 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w1u5 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w1u6 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w2u1 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w2u2 Update App.view.xml May 16, 2019
w2u3 Update App.view.xml May 16, 2019
w2u4 Update Home.view.xml May 16, 2019
w2u5 added new sections May 25, 2019
w3u1 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w3u2 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w3u3 w3u3 - w4u5 fix to fire selectionChange event on revisiting Detail.view May 31, 2019
w3u4 w3u3 - w4u5 fix to fire selectionChange event on revisiting Detail.view May 31, 2019
w3u5 w3u3 - w4u5 fix to fire selectionChange event on revisiting Detail.view May 31, 2019
w4u1 Validation of the quantity field when creating new item improved Jun 3, 2019
w4u2 Validation of the quantity field when creating new item improved Jun 3, 2019
w4u3 Validation of the quantity field when creating new item improved Jun 3, 2019
w4u4 Validation of the quantity field when creating new item improved Jun 3, 2019
w4u5 Validation of the quantity field when creating new item improved Jun 3, 2019
w5u1 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w5u2 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w5u3 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w5u4 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w5u5 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
w5u6 Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
.gitignore added config files to run exercises direclty from GitHub repo Feb 19, 2019
LICENSE Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
NOTICE Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
README.md Update README.md May 2, 2019
index.html Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
neo-app.json Update central neo-app.json ES5 destination to new Web IDE behavior May 28, 2019
package.json Publish exercise solutions for openSAP course "Evolved Web Apps with … Apr 24, 2019
ui5.yaml added config files to run exercises direclty from GitHub repo Feb 19, 2019

README.md

openSAP-ui5-course

This repository contains the solutions for both openSAP SAPUI5 courses.

Evolved Web Apps with SAPUI5 (ui52) Developing Web Apps with SAPUI5 (ui51)
To find solutions and instructions for the new course, please read on. The solutions for our predecessor course have been moved to branch ui51.

Evolved Web Apps with SAPUI5 (ui52)

Welcome to your learning journey to develop evolved Web apps with SAPUI5. This repository contains the code for all units of the openSAP course Evolved Web Apps with SAPUI5 (ui52). Please follow the setup instructions below to get started.

Directions

In the master branch, you can find:

  • w[x]u[y]: Solutions to all the course exercises (each course unit is located in a separate folder, e.g.: w3u4 = week 3 unit 4).
  • demo: Content that is shown throughout the course units, but not an essential part of the course exercises.
  • import: Files that you have to import for certain exercises. We will give you instructions in the course exercises.

In the gh_pages branch you can find:

  • Rufus.js: Our friendly assistant to check your exercise coding. Onboarding instructions can be found below.
  • movies: The Find Movies app resulting from the exercises in week 2.
  • orders: The Browse Orders app resulting from the exercises in weeks 3 and 4.

Setup

You can import this repository to SAP Web IDE or run it standalone. Choose the scenario that fits your needs:

SAP Web IDE (recommended)

  1. Right-click on your workspace, and choose Git > Clone Repository.

  2. In the dialog Clone Git Repository, enter the URL https://github.com/SAP/openSAP-ui5-course.git.

  3. In the Git Ignore System Files dialog, choose Do it later.

  4. A folder openSAP-ui5-course is added to your workspace.

  5. Open the index.html file to get a searchable list of course exercises

  6. In the webapp folder for the unit your choice (e.g. w2u3\webapp), right-click on the index.html or mockServer.html file, and choose Run > Run as Web Application to browse the course exercises.

Local Installation

  1. Clone this repository to your local machine:
git clone https://github.com/SAP/openSAP-ui5-course.git
  1. Go to the repository, and install the UI5 Build and Development Tooling as well as other dependencies to run the course repository:
npm install
  1. Run a local webserver to browse the course exercises. A browser window displaying all available units will open automatically.

Note: The repository is using OpenUI5 npm packages - with week 3 we add SAPUI5-exclusive controls which will not run in this scenario. You can switch the bootstrap to our SAUPUI5 CDN to make them work: https://ui5.sap.com/resources/sap-ui-core.js

Checking Your Code Exercises

Rufus, your personal assistant, will join you on your learning journey. He can help you complete the coding exercises and find errors in your code. To onboard him, add the following line to your HTML entry point (e.g. index.html, mockServer.html, flpSandbox.html) at the end of the <head> tag:

Rufus

<script src="https://SAP.github.io/openSAP-ui5-course/Rufus.js"></script>

You will see Rufus in the the lower left area of your app. Activate him, and select a course unit you would like to check. In "Week 1 - Unit 6: Getting Ready for the Course Exercises", we will give you more information on this.

Nerd facts: Rufus is implemented in UI5 as an OPA plugin and runs automated integration tests to check your exercises. Have a look at the source code if you'd like to find out more.

Resetting a Course Exercise

  1. Locate the folder w[x]u[y] that contains the result of the course unit you are working on in this repository.

    • If you want to reset the whole exercise, first backup your webapp folder by right-clicking on the project and choosing Edit > Rename.

    • If you want to start from a specific exercise, first create a new project folder by right-clicking on the workspace and selecting New > Folder

  2. Copy the files or folders of the exercise you wish over to your current project folder as needed. Make sure you don't overwrite files you want to keep.

  3. Run the app to verify that the reset worked as expected: Right-click on the index.html, and choose Run > Run as Web Application.

Contributions & Support

If you spot any issues with the code or if you find a bug, please create an issue or a pull request, and we will take care of it.

Thank you,

The course team

License

All example code in this repository is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.

You can’t perform that action at this time.