You are the only guy in the whole world who is actually showing a full fledged UI5 tutorial with latest tools..even SAP doesnt have it..You are awesome...
Thank you very much :) I’ve got many more videos in the pipeline that use your documentation as the backbone so I appreciate the feedback! I’d also like to contribute in anyway I can do if you guys have any video ideas just let me know :)
@@brandcaul Thanks for this great offer, we might come back to that :-) We also linked your video from our channel and are happy to promote any further UI5-related content from you.
Awesome. What a great idea. Very appreciated. Well done Brandon, finally a high quality course which we can actually understand the speaker. Internet is full of courses but I rather go through the documentation rather than listening a person that will confuse me even more.
Thanks Brandon for this awesome tutorial. Most I like is that you didn't cut off the mistakes. That makes me feel that I am not the only one who do 'silly' mistakes. 😅
1. After creating the manifest.json you never actually use the "ui5 use sapui5@latest" command in the CLI (in your video: I used "ui5 use openui5@latest). 2. I had to name the i18n file "18n_de_DE.properties" for it to work. I got this information from the chrome network tab. (F12 > Network > F5, look for red files) 3. At minute 61 you name the Component.js "component.js" instead of "Component.js".
Thank you so much for this! Excellent and TOTALLY switched on all the lights on a lot of things! Leaving the mistakes in is an excellent approach, makes it more real and helps newcomers even more, since they're exposed to debugging etc
Hi Brandon, nice addition to the standard SAPUI5 tutorial to have your explanation and visual coding at the same time. Much higher quality video than most on TH-cam. Great for beginners. One topic that would be nice to see more of is CAP.
Awesome, thank you! I'll definately add CAP to the list and please feel free to fill out the developer survey pinned in the top comment of this video if you have any more suggestions :)
Following this channel has been such an inspiration. Since we last worked together, now is when I'm again getting to work on UI5 again. Long gap, and here I'm, back to you to freshen up my concepts. Keep this channel going. :)
I was thinking of creating a video for the walk through my self, and your video came up. For Step 26 : you can easily use proxy.js to fetch data from Northwind. Trick is , which they don't tell in tutorial, is that you can start "npm run proxy" to start proxy, then use normal live server (it should be stopped , otherwise it won't refresh properly) to fetch the northwind data (Offcourse, the url should be prepend with proxy js localhost & port in manifest.json. Hope this helps
Hello Brendon, I'm still impressed with your course! You did a great job. The fact that sometimes the code does not work shows how complex the problem is sometimes and that even you are human ;) In my opinion, the course is very interesting, although it is not easy for beginners. Especially knowledge in the area of JS is essential. But even having some experience with UI5, I ran into a few problems many times: - understanding of how elements are nested within each other. UI5 and xml are not HTML - you won't put a div in a div here, and that's it;) Many times I struggled with, for example, adding a simple button or insert on the page. I know there is an "API Reference" that are "Samples". There is also talk of Associations and Aggrefations, but how can this knowledge be put into practice? - issue related to the first - where to start building a project? How to use templates/elements from SAP? Such "life examples";) would be very valuable in my opinion. - connection to the back-end i.e. SEGW or / and CDS Views next. - and last basic problem - creating an appropriate "skeleton" of the application and its basic configuration - views, manifest.js, neo-app.js, etc. Regards! Paul
Hi Brandon, Very good explanation on SAP UI5. I found your tutorial very useful. Keep posting more tutorials on SAP Fiori extensions (in-app extension, UI Adaptation) etc. Great work :)
great video and huge effort. thanks a lot, Brandon. most appreciate your style of bug analisys on-the-fly, which is great help for beginers. hope you continue with futher ui5 step after "Walkthrough".
For People who have following issue: Running scripts is disabled on this system error Open Windows Powershell as administrator and type in: Set-ExecutionPolicy -ExecutionPolicy Unrestricted
on macOS I have v12.16.3 version for node.js and I installed ui5 for first step using this command 'sudo npm install --global @ui5/cli' but in my path zsh: command not found: ui5 I am getting this error, I tried to install globally and local but didnt work. Do you have any advice? thank you
This seems to be a permissions issue. Depending on where you are doing this (personal versus corporate), you may need to either run your development tool as an Admin, or, you may need to get elevated/admin rights to your work computer. Once done it should install.
Incredibly helpful!! Thanks a bunch, great content great presenter, subscribed. Can you do a video of standard app extensions? Working with a complex one right now (F2101, F0251)... would love a little video on how to extend standard fiori apps (add fields to smart tables and lists, buttons, fill those fields with data from backend... stuff like that) looking forward to your next upload mate, keep it up :)
Hi, I want to build a desktop application using UI5, odata, local db for my personal use. Can you please suggest. I don't have any sap backend. Just local server and local db and odata (so that ui5 api and curd opration can be used). Please let me know. Thanks in advance.
i am at controllers section, i have learnt the whole JavaScript in depth and used : operator in objects or labeling the statements, but here i couldn't understand at all that why we are using colon at various places such as mvc:view etc. Its all going over my head, i dont like to just cram things
Hola Brandon, el curso me ha sido muy util, estoy profundizando mi conocimiento y me he topado con el siguiente escenario: he logrado importar una app que originalmente desarrollé en SAP WEB IDE personal edition,, luego de instalar las y configurar dependencias, logro ejecutar la app, en esta, logro ver los datos del servidor de sap, todo funciona correcto, el problema surge cuando hago un cambio, luego hago el preview, pero ese cambio, no se muestra y tampoco figura en el código si inspecciono la ejecución...., cual es mi error o que me falta ejecutar , para que vea refrescado los cambios ?????
"Stay with me, it will all make sense" "There's a lot of code, it will soon make sense". "Now read and reread it until it makes sense". Lovely, best explanation ever! 2:19 If you truly want to be useful to the community, you need to improve your explanations skills. There is limited value in watching you code without knowing WHY you're doing something. Look at Traversy media and learn from his example. Step 19 in this video is rushed through without any clarification..
What are the prerequisites to watch this video...I am from react js background...if I want to add new skill set wrt sap how can I proceed? Will learning UI5 framework suffice as I am not sure ABAP.
I can't run the command ui5 serve as we don't have installation rights. In case when I want to run the file in visual stuido by opening the file with local host what actions need to perform
Hello thanks for the video, can you please make video on for dynamic internalization i18n through odata service, how to build OData service thanks in advance
Very well done videos. A very basic question bcoz I used to be a Java webdynpro consultant before switching careers. The end user had to access webdynpro apps from the SAP EP. My question is : where are SAPUI5 deployed/hosted for the end user to access? thanks in advance.
Just quick question I’m applying for a job that requires SAP UI5, I’m professional at JavaScript and React js so how long will take me to pick up SAP UI5 ?
thought the same, took me 10 minutes to figure out. It's a shame to just cut it off the video if you want to explain something and don't show mistakes..
In the mock server setup at this timestamp th-cam.com/video/mmSB85rWQ3w/w-d-xo.html, make sure to delete the outer object of the json file so that only an array [ ] with the data is left , otherwise no data will be loaded. It is not just copy paste of the old file.
30:35 Hey bro, I tried ctrl+f5, but I didn't get the result, seems after that you fixed in the background...help us fix it too. I am following you but now stuck at there. Thanks in advance.
Thank you Brandon for this wonderful course :) , also i have no idea why i'm getting this error " ModuleError: failed to execute module factory for ''sap/ui/core/ComponentSupport.js'': Unexpected token w in JSON at position 8 " Could you please help me here to fix this issue , Many thanks in advance :)
I have been following your videos.. its really great.. just one request.. it would be really helpful if you can create video for ABAPers who wants to learn UI5.. something like UI5 for ABAPers.. some marathon like this video which can help ABAPer..zero to hero in UI5.. :) thanks a lots. Looking forward to hearing from you . Thanks
Thanks Gaurav! Yes a video like that will be coming very soon and will include setting up an SAP Gateway OData service and building the relevant ABAP classes. Look out for it very soon! :)
Hi. Can you give suggestion? I can't get errors out of the manifest.json file. I copied the code in but getting problem on the sap.ui - missing property "technology" (I'm using the SAP Business Application Studio"
Dang... I am new to Visual Studio Code. I have it downloaded, and installed Node.js. I can't figure out how to create the SAP-UI5-WALKTHROUGH project?? I don't see a "new project" option. Sorry, used to Eclipse etc. Thanks!
Hello Brandon! It's appears the following error: The following error occurred while displaying routing target with name 'overview': Error: No view type specified. Can you help me?
I'm stuck on step 9. I did the walkthrough and couldn't get it to work. I even copied the code for step 9 line by line and it's still not working. I get 'Error: failed to load 'sap/ui/demo/walkthrough/Component.js' from ./Component.js: script load error ' here is where I am working on it if anyone can help: github.com/BryantIT/sap-ui5-practice
I found out that this is due to an update of the formatOptions in the currency class. In the "InvoiceList.view.xml" you need to add "preserveDecimals: false" after "showMeasure: false".
Do people really use xml for this? I've been a front end dev for 6 years and we exclusively use javascript libraries such a React, Vue or Angular. XML seems like something a backend dev would use cause he doesn't know better :P
seriously.. what is the purpose of this SAPUI5 thing. Can we just use React with other styling framework? React seems more practical in most of the part compare to this crap.
![Learn SAP UI5 Data Binding | Fiori | Full Course for Beginners [Tutorial]](http://i.ytimg.com/vi/zaeztGyqiBw/mqdefault.jpg)
![Learn SAP UI5 Data Binding | Fiori | Full Course for Beginners [Tutorial]](/img/tr.png)
![Learn SAP Gateway | RESTful API | OData | ABAP | Full Course For Beginners [Tutorial]](/img/n.gif)
You are the only guy in the whole world who is actually showing a full fledged UI5 tutorial with latest tools..even SAP doesnt have it..You are awesome...
😂😂😂😂😂😂😂😂
hi Mr. Brandon.. We are missing your videos. Are you making new videos ?
Great work! We should have done this ourselves but this is even more authentic. Thanks a lot for sharing this with the community!
Thank you very much :) I’ve got many more videos in the pipeline that use your documentation as the backbone so I appreciate the feedback! I’d also like to contribute in anyway I can do if you guys have any video ideas just let me know :)
@@brandcaul Thanks for this great offer, we might come back to that :-)
We also linked your video from our channel and are happy to promote any further UI5-related content from you.
That is just awesome! 🙂 thank you!
This might be most usefull, brillant, well narrated tutorial that i have seen severeal years. Thanks man, you are legendary.
Awesome. What a great idea. Very appreciated. Well done Brandon, finally a high quality course which we can actually understand the speaker. Internet is full of courses but I rather go through the documentation rather than listening a person that will confuse me even more.
Thanks J! 🙂
@@brandcaul i want to learn ui5 and fiori .. can u please teach me
I bet you are talking about the Indian guys
@@abihusmallville hhaha
Thanks Brandon for this awesome tutorial.
Most I like is that you didn't cut off the mistakes. That makes me feel that I am not the only one who do 'silly' mistakes. 😅
1. After creating the manifest.json you never actually use the "ui5 use sapui5@latest" command in the CLI (in your video: I used "ui5 use openui5@latest).
2. I had to name the i18n file "18n_de_DE.properties" for it to work. I got this information from the chrome network tab. (F12 > Network > F5, look for red files)
3. At minute 61 you name the Component.js "component.js" instead of "Component.js".
Thanks mate!!
Great work Brandon!!thanks for your contribution to the SAP developer community ..please keep posting on ABAP fiori and RAP programming
Thank you so much for this! Excellent and TOTALLY switched on all the lights on a lot of things! Leaving the mistakes in is an excellent approach, makes it more real and helps newcomers even more, since they're exposed to debugging etc
Hi Brandon, nice addition to the standard SAPUI5 tutorial to have your explanation and visual coding at the same time. Much higher quality video than most on TH-cam. Great for beginners. One topic that would be nice to see more of is CAP.
Awesome, thank you! I'll definately add CAP to the list and please feel free to fill out the developer survey pinned in the top comment of this video if you have any more suggestions :)
Following this channel has been such an inspiration. Since we last worked together, now is when I'm again getting to work on UI5 again. Long gap, and here I'm, back to you to freshen up my concepts. Keep this channel going. :)
I was thinking of creating a video for the walk through my self, and your video came up.
For Step 26 : you can easily use proxy.js to fetch data from Northwind. Trick is , which they don't tell in tutorial, is that you can start "npm run proxy" to start proxy, then use normal live server (it should be stopped , otherwise it won't refresh properly) to fetch the northwind data (Offcourse, the url should be prepend with proxy js localhost & port in manifest.json. Hope this helps
Thanks Kara! Very helpful information :)
Thank you, I am exactly in this job role now and thank you for covering this entire topic.
Thank you very much, Brandon. I am looking for an SAP UI5 learning tutorial. I believe it will be more helpful and really appreciated.
Awesome tutorial Brandon! I'm an ABAPER and plan to be a Fiori developer soon. Wish me luck!
Hello Brendon,
I'm still impressed with your course! You did a great job. The fact that sometimes the code does not work shows how complex the problem is sometimes and that even you are human ;)
In my opinion, the course is very interesting, although it is not easy for beginners. Especially knowledge in the area of JS is essential.
But even having some experience with UI5, I ran into a few problems many times:
- understanding of how elements are nested within each other. UI5 and xml are not HTML - you won't put a div in a div here, and that's it;) Many times I struggled with, for example, adding a simple button or insert on the page. I know there is an "API Reference" that are "Samples". There is also talk of Associations and Aggrefations, but how can this knowledge be put into practice?
- issue related to the first - where to start building a project? How to use templates/elements from SAP? Such "life examples";) would be very valuable in my opinion.
- connection to the back-end i.e. SEGW or / and CDS Views next.
- and last basic problem - creating an appropriate "skeleton" of the application and its basic configuration - views, manifest.js, neo-app.js, etc.
Regards!
Paul
Thank you so much. Have never seen such a clear and beautiful explanation. You are awesome buddy. God bless you!
Hi Brandon, Very good explanation on SAP UI5. I found your tutorial very useful. Keep posting more tutorials on SAP Fiori extensions (in-app extension, UI Adaptation) etc. Great work :)
How did it work in section 10 without placing double quotes around the walkthrough (html data-settings)
You are an inspiration and a life saver. Keep doing this..
Your content is the best..
With love from India 😇
This is a wonderful course! Thank you I've been looking for something similar on SAPUI5 for a long time!!!
Great Effort . Thanks Brandon
Thank you for this great tutorial! I have no words! Really appreciate this! You`re great!
great video and huge effort. thanks a lot, Brandon. most appreciate your style of bug analisys on-the-fly, which is great help for beginers. hope you continue with futher ui5 step after "Walkthrough".
Great job Brandon, thank you for your effort
Hello Brandon, gratitude and more power to you. Please upload full course on sap abap and sap basics/fundamentals if possible :)
Thanks for the course 🔥 sir ... 🙏🏻 Huge respect
Hi Brandon,
When I use alert command, it is not showing pop up... Could you please help me
For People who have following issue: Running scripts is disabled on this system error
Open Windows Powershell as administrator and type in: Set-ExecutionPolicy -ExecutionPolicy Unrestricted
I think in lesson 27 the name for model should be Invoices.json for the local server instead invoices.json but in Git hub it was properly named
on macOS
I have v12.16.3 version for node.js
and I installed ui5 for first step using this command 'sudo npm install --global @ui5/cli'
but in my path
zsh: command not found: ui5
I am getting this error, I tried to install globally and local but didnt work.
Do you have any advice? thank you
Hi, have you managed to solve it? I have the same issue here and are not able to find any solution. your answer would be very much appreciated. Thanks
This seems to be a permissions issue. Depending on where you are doing this (personal versus corporate), you may need to either run your development tool as an Admin, or, you may need to get elevated/admin rights to your work computer. Once done it should install.
Incredibly helpful!! Thanks a bunch, great content great presenter, subscribed. Can you do a video of standard app extensions? Working with a complex one right now (F2101, F0251)... would love a little video on how to extend standard fiori apps (add fields to smart tables and lists, buttons, fill those fields with data from backend... stuff like that) looking forward to your next upload mate, keep it up :)
Man this video is brilliant, thanks for sharing this
really really cool! good work! 🤘😎
Great course. thanks a lot for sharing this useful tutorial.
Hi, I want to build a desktop application using UI5, odata, local db for my personal use. Can you please suggest. I don't have any sap backend. Just local server and local db and odata (so that ui5 api and curd opration can be used). Please let me know. Thanks in advance.
Hi Brandon,
Thanks for the walk through.Very helpful.
Any idea how to do RunningSum or RunningTotal in UI5?
i am at controllers section, i have learnt the whole JavaScript in depth and used : operator in objects or labeling the statements, but here i couldn't understand at all that why we are using colon at various places such as mvc:view etc. Its all going over my head, i dont like to just cram things
Hola Brandon, el curso me ha sido muy util, estoy profundizando mi conocimiento y me he topado con el siguiente escenario: he logrado importar una app que originalmente desarrollé en SAP WEB IDE personal edition,, luego de instalar las y configurar dependencias, logro ejecutar la app, en esta, logro ver los datos del servidor de sap, todo funciona correcto, el problema surge cuando hago un cambio, luego hago el preview, pero ese cambio, no se muestra y tampoco figura en el código si inspecciono la ejecución...., cual es mi error o que me falta ejecutar , para que vea refrescado los cambios ?????
Good job Man!! I think that this is the best tutorial here! Thank You :)
Thank you very much for your work, greetings from Germany
"Stay with me, it will all make sense" "There's a lot of code, it will soon make sense". "Now read and reread it until it makes sense".
Lovely, best explanation ever! 2:19
If you truly want to be useful to the community, you need to improve your explanations skills. There is limited value in watching you code without knowing WHY you're doing something. Look at Traversy media and learn from his example. Step 19 in this video is rushed through without any clarification..
What are the prerequisites to watch this video...I am from react js background...if I want to add new skill set wrt sap how can I proceed? Will learning UI5 framework suffice as I am not sure ABAP.
Html, Css, JavaScript skills needed !
Step 24: Filtering can it be used as well for the MultiComboBox?
I can't run the command ui5 serve as we don't have installation rights. In case when I want to run the file in visual stuido by opening the file with local host what actions need to perform
Unable to find source directory ’webapp’ in application project…please give me some solution for this
Hello thanks for the video, can you please make video on for dynamic internalization i18n through odata service, how to build OData service thanks in advance
Very well done videos. A very basic question bcoz I used to be a Java webdynpro consultant before switching careers. The end user had to access webdynpro apps from the SAP EP. My question is : where are SAPUI5 deployed/hosted for the end user to access? thanks in advance.
Thanks! They can be hosted on the local SAP system itself or in the SAP Cloud Platform for most cases.
HI Brandon, How to do internalization dynamically through odata service . can you please share details
Just quick question
I’m applying for a job that requires SAP UI5, I’m professional at JavaScript and React js so
how long will take me to pick up SAP UI5 ?
Very much informative session 😀
Nice tutorial ! at 26:50 "/" is missing for text object. It should be
thanks buddy
thought the same, took me 10 minutes to figure out. It's a shame to just cut it off the video if you want to explain something and don't show mistakes..
Jesus I spent like 2 hours looking over that thing wondering what was wrong, thank you so much haha
thank you for creating this tutorial
In the mock server setup at this timestamp th-cam.com/video/mmSB85rWQ3w/w-d-xo.html, make sure to delete the outer object of the json file so that only an array [ ] with the data is left , otherwise no data will be loaded. It is not just copy paste of the old file.
Thanks for this course :)
30:35 Hey bro, I tried ctrl+f5, but I didn't get the result, seems after that you fixed in the background...help us fix it too. I am following you but now stuck at there. Thanks in advance.
Im getting the same issue blank screen with resource not found when I inspect in the console.
@@Dark74111 you solved it? i'm getting the same error :c
@@JesusJN I swapped to WebIDE which has been working fine ever since.
Thank you Brandon for this wonderful course :) , also i have no idea why i'm getting this error " ModuleError: failed to execute module factory for ''sap/ui/core/ComponentSupport.js'': Unexpected token w in JSON at position 8 " Could you please help me here to fix this issue , Many thanks in advance :)
38:00 "General Kenobi"
When trying to use npm to install the global u15 client I am getting a permissions error on Mac OS, anyone know any fix?
Hi, could you please guide on how I can deploy a UI5 Tooling app to ABAP server?
Good job!! Do you plan on some tutorials regarding SAP EGF and Abap unit tests ?
Thanks Dimitar! I’ll definitely add them to the ABAP video list :)
@@brandcaul Great, thanks Brandon!
name of chrome extension at the end for screen readers? thanks
I have been following your videos.. its really great.. just one request.. it would be really helpful if you can create video for ABAPers who wants to learn UI5.. something like UI5 for ABAPers.. some marathon like this video which can help ABAPer..zero to hero in UI5.. :) thanks a lots. Looking forward to hearing from you . Thanks
Thanks Gaurav! Yes a video like that will be coming very soon and will include setting up an SAP Gateway OData service and building the relevant ABAP classes. Look out for it very soon! :)
@@brandcaul Thank you..
Nice tutorial ....that too with latest tool👍
Working on UI5 App and one of the requirements is to Display RunningTotal(cumulative) measure in chart and table.
Any ideas on how to implement it ?
Try use a factory function in your controller, check out chapter 15 in my data binding video - th-cam.com/video/zaeztGyqiBw/w-d-xo.html
Step 20, i followed the same steps as the video but i get "No data" in my invoice list.
Please check again where you added "invoice" in Manifest.json, it should have the same hierarchy as "i18n"
Hi. Can you give suggestion? I can't get errors out of the manifest.json file. I copied the code in but getting problem on the sap.ui - missing property "technology" (I'm using the SAP Business Application Studio"
I don't know, I'm using VS Code and it works well for me
Estoy en el paso 2, y me sale un error que no he logrado solucionar, me podría ayudar?
Pls upload the videos of sap ABAP videos
Hana
Hana s/4
Odata
Webdypro
Dang... I am new to Visual Studio Code. I have it downloaded, and installed Node.js. I can't figure out how to create the SAP-UI5-WALKTHROUGH project?? I don't see a "new project" option. Sorry, used to Eclipse etc. Thanks!
Apparently sap-ui5-walkthrough is just a folder... I think I have it looking like your demo in my Visual Studio Code
Thanks!!! you help a lot!
Hey Brandon ...content is Gold 🔥.... Could you please add an example for uploading files concept (using upload collection 🙏🏻) Thanks 🙂
Hi Kishore, I will add that to the upcoming video list :)
@@brandcaul Really appreciate your reply bro 🤝
Hello Brandon!
It's appears the following error:
The following error occurred while displaying routing target with name 'overview': Error: No view type specified.
Can you help me?
Thank's Brandon, but I already figured out where was the problem and fixed it.
Great work! Congrats...could you put subtitle in this video?
I'm stuck on step 9. I did the walkthrough and couldn't get it to work. I even copied the code for step 9 line by line and it's still not working. I get 'Error: failed to load 'sap/ui/demo/walkthrough/Component.js' from ./Component.js: script load error '
here is where I am working on it if anyone can help:
github.com/BryantIT/sap-ui5-practice
Thank you!
please create a course for advance version also
In lesson 21 currency values showing 10.00 instead of 9.9999 for the second record .Why??
I found out that this is due to an update of the formatOptions in the currency class. In the "InvoiceList.view.xml" you need to add "preserveDecimals: false" after "showMeasure: false".
@@jonas5361 thank you!
Thanks!
We need this guide but a new one :P
Thanks a lot for share
How to align images
Congratulations on the video. I would love to use this video for my studies. Any chance of activating the caption for this video?
How to learn html css???
Good one
is this backend or frontend?
Wow👍
can u activate subtittles button sir
inşallah bir gün kardesım benım iyi calısmalar
nice
brandon
✅
Do people really use xml for this? I've been a front end dev for 6 years and we exclusively use javascript libraries such a React, Vue or Angular. XML seems like something a backend dev would use cause he doesn't know better :P
seriously.. what is the purpose of this SAPUI5 thing.
Can we just use React with other styling framework? React seems more practical in most of the part compare to this crap.
Fiori is life! more content on UI5 please :) we will stop this india scripts madnes on YT.
SAP always fails with thier fussy design - they didn't learn anything from failure of webdynpro. They don't keep it simple unlike react and angular.
I'll go mad If I hear another oops :/)
Great course. thanks a lot for sharing this useful tutorial
Anytime Muda! 👨🏼💻