Posted on

7 Reasons To Learn UI5

This blog will pinpoint 7 major reason why UI5 is worth considering if you are looking forward to learn it, to set the context check our previous blog the Sweet Story of SAPUI5/OpenUI5 and Javascript. Basically, UI5 is open source Javascript library build with Javascript, jQuery, HTML5 and CSS3. Using UI5 we can create HTML5 applications, which can then be run in web browser.

 

1.Open Source

Free Stuffs, tell me more !

Open UI5 libraries are open source which means that you pay zero licensing cost to use Open UI5 technologies. If you are creating an app with UI5 it comes under Apache License open source version 2.0 licences and the goals of this licence is to reduce the number of frequently asked questions, to allow the license to be reusable without modification by any project, to allow the license to be included by reference instead of listed in every file etc. Read more about Apache License version 2.0 here.

 

2.Integrate with existing JS libraries:

Javascript can do anything !?

SAPUI5 and OpenUI5 are created using with Javascript so the integration with existing pool of Javascript libraries are easy, UI5 internally uses D3JS analytics libraries to leverage graphs and data representation in nice and beautiful visual forms. In our Advanced UI5 Professional course we have covered this in details of how to add an external libraries elements as components in UI5 itself . See more here.

 

3.Pre-Build Elements

Ready Made Stuffs !

UI5 libraries are equipped with 200+ pre-build elements which allows developers to focus on UX designs of their application and the integration with the existing application of these components which are object based and simple once you know the basic working of MVC with UI5.

 

4.MVC

Different person, different task.

An UI5 Application utilizes MVC framework which clearly separated Model, View and Controls for an existing application and designing complex application with this pattern is much simpler.

 

5.Responsive

Responsive.

When you create a UI5 application with responsive component the component change it’s shape and size to adapt depending upon type of device they are currently being operated on. Thanks to media query of CSS3 which allows it to do so. It provides a much needed benefit to make sure that apps are usable independent of what device your end-user is using to run these apps. Even with custom CSS and media query we can make the look and feel of the application even more customised which we covered in details in our Professional UI5 development course.

 

6.Loose coupling Architecture:

Architecture efficiency !

When we talk about big picture of how these UI5 application are deployed in landscape. They are basically following loose coupling architecture which means the UI5 components are independent of the middleware components and backend. This provides a good degree of separation when we talk about coming up with new version of your application. Your middleware can be a oData service provider like SAP Netweaver gateway or SAP Hana system. Middle ware development is one of the curtal part in any application now as most of the data fetching performance is based on that. Learn how it can be done in details here.

 

7.Comprehensive API reference:

Comprehensive

Finally, API reference provided by SAPUI5/OpenUI5 is comprehensive which helps a lot to understand how to use these libraries. The explored provided is a big help to see how individual component will look like and what are the code to be written to include it.

 

Some of the disadvantages related to UI5 is it’s initial high loading time of libraries, that means libraries can take time when they are initially loaded in your web browser this can also be fixed by using early loading concepts .

Check some of our Free and Paid resources to learn UI5 here, these are made by people who knows a lot about UI5 but are too lazy to work as consultant/contractors 🙂

Share if you like it and tweet if you want more !

 


 

Posted on

7 Best Websites While Learning UI5

To learn anything worthwhile the most important thing is always the mindset one must-have. People who have a rage to master can beat the learning curve and learn things faster than rest. In this blog, I am sharing my top 7 places to learn SAPUI5/OpenUI5.

 

1.SCN 

 

A social network, you can use in your office!

SAP Community Network is by far the best place to learn, explore and connect with mentors. It not only provides a good place to get answers to your questions but also a good platform to see what other people are up to with UI5.

 

2.Git hub and Developer Guide

 

Free and cool at the same time!

Git hub is by far the best place for hackers to see how UI5 libraries are designed and build. The core development code is open source in Open UI5. And I will admit Git hub documentation is even better than by Learn UI5 Book sold at Amazon. The only issue is you need to have a strong Javascript background to take full advantage of this because many concepts here are explained with jargon from the Javascript world which belongs to pretty advanced skills.

Developer Guide is also another great starting point which can be a place to take your skills to the next level in a step by step manner.

 

3.Experience.sap 

Slides and Presentations are also important.

This is an excellent place for knowledge and gets to know the design and business side of SAP UI5 and SAP Fiori( Fiori apps are pre-built apps, build with UI5). And experience.sap can be an excellent resource if you are looking for some points to create a sales pitch to your customer to make them bring SAP UI5/Open UI5 apps or Pre-build Fiori apps.

You should check the UX cost calculator to justify why a business should invest in UX. It is one of the coolest things you can show to your business analyst.

 

4. UI5CN

 

Finally!

Not far behind but at number 4, I would recommend UI5CN courses and blogs. To keep it short and simple UI5CN has covered the entire spectrum of UI5 Apps End-to-End in the most simple way and already more than 7000 users have gone through it both paid and free courses. The books are also written in simple words and covers all the aspect of development one needs to know to work as a professional UI5 developer. UI5CN tries to keep the learning curve simple, so even if you have no background of Javascript or even with SAP you will find it easy to follow and easy to implement in real projects.  Courses are also filled with lots of examples of comprehensive, concepts and experiences both are shared at the same time.

 

5.OpenUI5 org 

 

I read this blog!

Openui5.org is an excellent resource to start exploring UI5 and the best thing is that all the details one has to know are shared with links. Must check resource for someone who is starting out with SAPUI5/OpenUI5.

 

6.Stackoverflow 

 

Answer to all technical problems!

Like all other technologies, StackOverflow is an amazing place to see what are the current issues and solutions which people have posted in relation to UI5. Not only you will get to know issue and how to solve them and ask more questions, but also you will get to know people who are Professional with UI5 and connect with them.

 

7.Twitter 

 

It is way more important!

It might come as a surprise but personally, it is my go-to platform if I want to know what is happening in UI5 work with #openui5 tags and similar tags, you can connect with technology mentors and learn a lot more. And there is a good chance that you might also get a glimpse of new things which are going to come in the UI5 world and the amazingly cool world of open-source SAP.

Like any other technology UI5 also have its learning curve and luckily compare to other JS libraries like D3JS, it is not much difficult to learn. If you have a hacker mindset and are an explorer then you don’t even need any hand helding to learn UI5. The API reference is quite comprehensive and with UI5 explorer you can even see live examples of how individuals components can be used.

Please share and let us know if you find this blog helpful 😀