Skip to content

Latest commit

 

History

History
69 lines (28 loc) · 3.19 KB

get-started-setup-tutorials-and-demo-apps-8b49fc1.md

File metadata and controls

69 lines (28 loc) · 3.19 KB

Get Started: Setup, Tutorials, and Demo Apps

Set up your development environment and go through our tutorials. They introduce you to all major development paradigms of SAPUI5 using practical examples in an interactive format. The demo apps show SAPUI5 in action.

Prerequisites and Setup

  • You should be familiar with JavaScript.

  • Set up your Development Environment. We recommend UI5 Tooling , but you could also use other development environments.

  • Set up a folder where you would place the application content. We will refer to this folder as the "app root folder".

Learning Path

Downloading Code for a Tutorial Step

To download the code from the Demo Kit, follow these steps:

  1. Follow the link in the Coding section of the tutorial step or find the code in the Samples section of the Demo Kit (filter by "Tutorial" to get a list of the tutorials that are available).

  2. Download a zip file to your local machine (find the Download button on the top right).

  3. Extract the project folder to a desired location on your local machine.

  4. If you use UI5 Tooling (recommended): At your chosen location, open a new shell and execute npm install. After all dependencies have been installed, enter npm start to start the development server. (Note: if they're not already present, you may have to create and adapt some project configuration files first; see the Walkthrough Tutorial (JavaScript) for an example.)

  5. Test your project setup by opening one of its HTML pages in your development environment and making sure that the app displays the features exactly as shown in the preview of the step.

Troubleshooting

If you get stuck, check the Troubleshooting section under Essentials, or refer to the Troubleshooting tutorial.

If you can't fix the problem, try downloading the solution of the previews or current step. This should get your project fixed again, just don't forget to check the resource path and the project configuration files again.

See SAPUI5 in Action - Our Demo Apps

If you want to see some practical examples for SAPUI5 apps, check out our Demo Apps. These are fully-functional apps that showcase certain floorplans, control libraries, or other SAPUI5 features. You can also download the source code of each demo app to find out how everything works together. Feel free to explore!

Related Information

Demo Apps