https://github.com/sap-samples/teched2023-ad283v
Develop Applications with SAPUI5 and Best Practices of SAP
https://github.com/sap-samples/teched2023-ad283v
openui5 sap sapui5 teched2023 typescript ui5
Last synced: 6 months ago
JSON representation
Develop Applications with SAPUI5 and Best Practices of SAP
- Host: GitHub
- URL: https://github.com/sap-samples/teched2023-ad283v
- Owner: SAP-samples
- License: apache-2.0
- Created: 2023-08-30T18:16:52.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-02T21:56:42.000Z (almost 2 years ago)
- Last Synced: 2024-07-30T19:46:14.364Z (about 1 year ago)
- Topics: openui5, sap, sapui5, teched2023, typescript, ui5
- Homepage: https://sap-samples.github.io/teched2023-AD283v/ex10/test/flpSandbox-cdn.html?sap-ui-xx-viewCache=false#keepcoolsensormanager-display
- Size: 44.6 MB
- Stars: 30
- Watchers: 9
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://api.reuse.software/info/github.com/SAP-samples/teched2023-AD283v)
# AD283v - Develop SAPUI5 Applications with Pro-Code Tools and Best Practices from SAP
## Description
Learn how to build an SAPUI5 freestyle application using pro-code tools on SAP Business Technology Platform. Uncover how to use TypeScript, together with the latest tools and the best practices from SAP. Get hands-on experience, ask questions, and complete exercises at your own pace.
## Intro Video
For attendees of SAP TechEd 2023 Virtual (free registration required), a video recording of our introduction jump-start session is available [here](https://go3.events.sap.com/sapteched/virtual/2023/reg/flow/sap/sapteched23/catalog/page/catalog/session/1693019545106001fWu1) (but it is not needed to do the exercises).
## Requirements
The requirements to follow the exercises in this repository are:
- Get a free trial account on SAP BTP; see this [tutorial](https://developers.sap.com/tutorials/hcp-create-trial-account.html).
- Set Up SAP Business Application Studio for development; see this [tutorial](https://developers.sap.com/tutorials/appstudio-onboarding.html).
- Be excited about the power of SAP technologies to make your developer life easier.
## Exercises
Completing the following exercises will guide you through developing web applications using the SAPUI5 framework and TypeScript.
[Exercise 0 - Getting Started](exercises/ex0/)
[Exercise 1 - Project Setup Using Business Application Studio](exercises/ex1/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex1)*)
[Exercise 2 - Add First Content](exercises/ex2/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex2)*)
[Exercise 3 - Show Sensor Content](exercises/ex3/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex3)*)
[Exercise 4 - Introduce Localization](exercises/ex4/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex4)*)
[Exercise 5 - Improve Visualization](exercises/ex5/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex5)*)
[Exercise 6 - Filtering With the IconTabBar](exercises/ex6/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex6)*)
[Exercise 7 - Fragment Containing a Dialog](exercises/ex7/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex7)*)
[Exercise 8 - Second View with Navigation](exercises/ex8/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex8)*)
[Exercise 9 - Card with Sensor Details](exercises/ex9/) (*[browse solution code](https://github.com/SAP-samples/teched2023-AD283v/tree/code/exercises/ex9)*)
[Exercise 10 - Deployment to SAP BTP - Cloud Foundry runtime](exercises/ex10/)
Start with exercise 0 [here](exercises/ex0/).
You can not only access the resulting code after each exercise by following the links above, but also import it to SAP Business Application Studio. Instructions how to do this can be [found here](https://github.com/SAP-samples/teched2023-AD283v/tree/code).
## Contributing
Please read [CONTRIBUTING.md](./CONTRIBUTING.md) to understand the contribution guidelines.
## Code of Conduct
Please read the [SAP Open Source Code of Conduct](https://github.com/SAP-samples/.github/blob/main/CODE_OF_CONDUCT.md).
## How to obtain support
Live Q&A for the content in this repository is available during the actual time of the online session on November 2nd (18:00 to 18:25 GMT) for which this content has been designed.
Afterwards, when doing the exercises during the next days and weeks, you may ask for support via `New issue` on the [Issues](../../issues) tab. Make sure to describe the problem as completely and precisely as possible in this case and provide answers to the questions in the issue template. Experience shows that most issues stem from typos or copy&paste errors (e.g. missing parts, wrong insertion point, replacing too much or too little of the existing content), so please re-check by comparing with the solution code of the respective exercise before reporting. This gets you back on track much faster in most cases.
## Stay in touch
Stay in touch with the community by choosing your favourite channel.
**UI5**:
* Landing page: [OpenUI5 Website](https://openui5.org/)
* Podcasts series: [UI5 Newscast](https://podcast.opensap.info/ui5-newscast/)
* Blog posts: [UI5ers Buzz](https://blogs.sap.com/tag/ui5ers-buzz/)
* X / Twitter: [@openui5](https://twitter.com/openui5)
* Slack: [Get Access to OpenUI5 Slack Workspace](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/)
**SAP Open Source**:
* Landing page: [Run better together with open source](https://developers.sap.com/open-source.html)
* Podcasts series: *[The Open Source Way](https://podcast.opensap.info/open-source-way/2020/10/28/corona-warn-app-behind-the-scenes/)*
* Blog posts: [open source on SAP Community](https://blogs.sap.com/tags/b2aac474-1581-4b1b-8932-de5f60b52558/)
* X / Twitter: [@sapopensource](https://twitter.com/sapopensource)
## Further tutorials and lectures regarding UI5
In case you're interested in advanced topics after completing all the above exercises, here are some additional tutorials to deepen your knowledge in application development leveraging UI5:
[SAP Blog about the Flexible Programming Model](https://blogs.sap.com/2022/06/08/how-to-create-an-sap-fiori-app-using-sap-fiori-elements-sapui5-freestyle-or-a-mix-of-both-with-the-flexible-programming-model/)
[CAP & UI5 development in an example application](https://github.com/SAP-samples/ui5-cap-event-app)
[UI5 and TypeScript](https://github.com/SAP-samples/ui5-typescript-tutorial)
## License
Copyright (c) 2023 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSES/Apache-2.0.txt) file.