cloud Webide Registration

1)Go to google and search HANA trail registration

then click get free trail account on SAP cloud platform or click url
https://developers.sap.com/tutorials/hcp-create-trial-account.html
2)Follow the steps in the url
a)click https://www.sap.com and click the Log On icon in the upper-right corner.
b)click logon and register form and submit
c)Link will be sent to mail id and please activate the same
d)go to google and search hana trail or click first one
or give the url https://accounts.sap.com/saml2/idp/sso
d)Give registered credentials
e)Go down and click Access Neo trail
f)click services and search webide
g)click on SAP Webide full stack
h)click go to services
we also can go throgh the url instead follwing all above steps for webide

Incase if we do not have Neo trail option

then click on Enter trail account .After generated subaccount and all.Click on AWS
account then
click on subscriptions.Search for Webide and enable subscriotion and click
application

creating project in Webide

1)Go File
2)New
3)Project from Template
4)click SAP UI5 application
5)click Next
6)Give project name and name space
7)select XML view
8)Give view name and Finish
Webide files/folders
1)Project folder:This is the name of the project and main folder
2)Webapp:This is root folder.It contains all the resources .
When we deploy into gateway same will be deployed only.It is same like webcontent
folder in Eclipse
3)controller:It contains controllers .When we create view automatically
controller is created .Irrespective of any view always java script controller is
created .
4)CSS:stands cascading style sheets.can be used for our own appearance (look and
feel)
5)i18n:Internalization .Used for Translations
6)model:Which is used for displaying data like JSON
7)View:contains views .
8)component.js-is a globale space
9)manifest.json-Descriptor of the application.Which contains root view
and root view configuration.We also describe here navigation amongs views if we
have
multiple views

Execution flow if we have only one view

index.html->component.js->manifest.json->root view->view1

Execution flow if we have more than one view

index.html->component.js->manifest.json->root view->container->view1->view2