Developing Web Apps with SAPUI5

In this course, we’ll introduce you to the main concepts of the UI development toolkit for HTML5 - SAPUI5. The JavaScript exercises for each unit will give you the technical background needed to develop your own responsive Web apps. We’ll start from scratch with the very basics and lots of hands-on coding. As we go through the weeks of this course, you’ll learn more about the powerful development concepts and truly master SAPUI5. Join us on this journey and enroll today!

SAPUI5 and its open-source variant OpenUI5* help you build enterprise-ready Web apps that are responsive to all devices. The JavaScript UI library and development toolkit contains many feature-rich controls and implements the award-winning SAP Fiori user experience. It helps developers ease and speed up the development of full-blown HTML5 Web applications. This course will kick-start your journey, giving you all the technical knowledge needed to develop Web apps with SAPUI5. Hands-on exercises and practical units will give you a deeper understanding of the main development concepts of SAP’s powerful UI library. Using a cloud-based development environment that requires no additional installation, we’ll introduce you to the library and start with a simple “Hello World” example. Step by step, we’ll then add more features to our app and explain the background so that you can understand how it all comes together. You’ll learn the Model View Controller (MVC) concepts, become an expert in data binding, and get to know many UI controls offered by the framework.

As you work your way through the course, you can try out everything in your own development project and practice developing with SAPUI5 with lots of exercises. You’ll create responsive apps that adapt to different devices and discover the enterprise-grade features of SAPUI5. After that, you’ll go on to learn about Web app navigation and application testing, truly mastering SAPUI5.

From May 17, you will have access to a “Get Started” week to help you understand the skill level required to complete the course and the exercises. This is an optional week and there are no assignments; but you can take the self-tests to check your knowledge, prior to the official start date.

*The content of this course applies to both SAPUI5 and OpenUI5. OpenUI5 is free and open source and includes all the main features of SAPUI5, the library SAP uses for its Web applications.

Course Characteristics

Target Audience

Course Requirements

Development Systems

Throughout this course, we’ll be using practical hands-on exercises to learn SAPUI5. We’ll use SAP Web IDE as a cloud-based development environment. It is available via SAP HANA Cloud Platform (HCP) and is free of charge. No installation is required. We’ll provide instructions on how to set up SAP HCP and SAP Web IDE, which will be sufficient for the scope and duration of the course.

Please note:

SAPUI5 is a very flexible UI development toolkit for HTML5. You can develop and deploy apps in many different environments. We’ll be focusing on SAP’s cloud development tools during this course, as they are easy to learn and do not require any additional setup. If you are an advanced Web developer, you are free to choose your own development and runtime environment.

Course Recommendations

SAP Fiori apps are technically built with SAPUI5 – which you’ll learn from scratch during this course – but there is more to it than that. We therefore recommend you attend this course either before or after the openSAP course Build Your Own SAP Fiori App in the Cloud – 2016 Edition, which will teach you about guidelines, tools, and best practices for designing, developing, and deploying your very own SAP Fiori app.

Get Started

Week 1:  Learn the Essentials

Week 2:  Become a Data Binding Expert

Week 3:  Create Responsive Apps

Week 4:  Master SAPUI5

I Like, I Wish:  We Love Your Feedback … And Want More

Final Exam:  Good Luck!

Watch this promo video