Technical Articles
10 SAPUI5 Projects for Beginners
Background
The idea of doing these 10 projects has its roots in the journey which I took to ramp up in area of SAPUI5. I thought if we can have some kind of beginner projects it will help the learner in taking this journey. It will help in building the confidence after learning the basics through our amazing SAPUI5 walkthrough tutorial. So these 10 projects is an effort in the same direction, I hope you learn something out of it!. Thank you to the community for the great support and encouraging feedback because of which we were able to complete this project.
Projects details
All project related code can be found here
Project Number | What we build? | What we learn? | Link to the Video |
1 | CountDown timer | We learn about different concepts such as Shell,Navigation and Routing, Horizontal Layout, Vertical Layout, Tiles, CSS Grids, Images, Concept of Binding, JSON models etc | |
2 | Covid19 app | We learn about new controls such as Panel, Viz Charts, List, Pie Chart and consuming data via api from https://api.rootnet.in/ | |
3 | Vaccination Tracker | We learn about new controls such as Tables, Planning calendar, Radio buttons, binding, Formatters and Object number and state | |
4 | Pollution Tracker | We learn about new controls such as Flexible column layout, routing, Tables and dynamic pages | |
5 | Portfolio Page | We learn about new controls such as Object Page, Tree table and flex box | |
6 | Sales Order search app with OData | We learn about new controls such as Fragments, Value Help, Multi-input and Token | |
7 | Barcode Scanning in SAPUI5 | We learn about how we can use third party library in our project to enable barcode scanning. In this case we use ScandIT | |
8 | Create a custom control Captcha | We learn about how to integrate third party library such as loadash apart from understanding basic concepts of control such as properties, aggregations and events | |
9 | Integrating Google Maps | We learn about using custom google maps library. We also learn about how to us chrome location api also along with how to add markers etc. | |
10 | Weather App | We will learn about different type of integration cards object, table, list and analytical. |
Thank You Nabheet Madan for wonderful collection.
Thanks a lot