In this video we give you a live demo of our SAP Fiori Lauchpad Builder for Visual Studio Code and we provide deep insights on how we built it.
In order to be able to demonstrate the SAP Fiori Lauchpad Builder for Visual Studio Code to you, we first create a sample app with the SAP Cloud Application Programming Model (CAP), then we create three Fiori apps with VS Code and SAP Fiori Elements.
Once we have this demo app ready we show you the three ways how you can use our SAP Fiori Launchpad Builder.
1) By right-clicking on you app folder
2) Through the Visual Studio Command Palette and
3) With the Command Line
Then we show you exactly how we built the SAP Fiori Launchpad Builder. You will see our Class Model Diagram and also the implementation of these classes in Typescript.
Chapters in this video:
0:00 - Intro and Explanation
00:55 - Build SAP CAP Sample App
02:29 - Build Customers Fiori Web App
05:33 - Build Products Fiori Web App
06:26 - Build Admin Fiori Web App
07:25 - Display Sample App without Launchpad
08:06 - Three ways to use the SAP Fiori Lauchpad Builder
08:13 - Create Launchpad by Right-Clicking
08:42 - Display Launchpad
09:11 - Create Launchpad through the Command Pallete
09:34 - Create Launchpad with the Command Line
10:27 - Class Model Diagram
11:58 - Json Config Template
12:23 - Typescript Source Code walk-through
18:18 - Outro
Sources and Links:
Get the SAP Fiori Lauchpad Builder for Visual Studio Code on Blue Antoinette (Payable):
www.blueantoinette.com/produc...
Get the SAP BTP Devcontainer for VS Code on Blue Antoinette (Payable):
www.blueantoinette.com/produc...
Contact us:
www.blueantoinette.com/contac...
/ blueantoinette_
Note the underscore in our Twitter Handle: @BlueAntoinette_
Blue Antoinette:
www.blueantoinette.com/
Hashtags:
#sap #fiori #vscode