Skip to content

Commit d99d500

Browse files
committed
feat(quickstart): Add index-cdn.html
1 parent 4b90286 commit d99d500

File tree

7 files changed

+58
-4
lines changed

7 files changed

+58
-4
lines changed

packages/quickstart/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ We first introduce you to the basic development paradigms like *Model-View-Contr
2020

2121
The tutorial consists of the following steps. To start, just open the first link - you`ll be guided from there.
2222

23-
- **[Step 1: Ready...](steps/01/README.md "Let's get you ready for your journey! We bootstrap OpenUI5 in an HTML page and implement a simple &quot;Hello World&quot; example.")** ([🔗 Live Preview](https://ui5.github.io/tutorials/quickstart/build/01/index.html) \| <details class="ts-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-01.zip) </details><details class="js-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-01-js.zip) </details> )
23+
- **[Step 1: Ready...](steps/01/README.md "Let's get you ready for your journey! We bootstrap OpenUI5 in an HTML page and implement a simple &quot;Hello World&quot; example.")** ([🔗 Live Preview](https://ui5.github.io/tutorials/quickstart/build/01/index-cdn.html) \| <details class="ts-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-01.zip) </details><details class="js-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-01-js.zip) </details> )
2424
- **[Step 2: Steady...](steps/02/README.md "Now we extend our minimalist HTML page to a basic app with a view and a controller.")** ([🔗 Live Preview](https://ui5.github.io/tutorials/quickstart/build/02/index-cdn.html) \| <details class="ts-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-02.zip) </details><details class="js-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-02-js.zip) </details> )
2525
- **[Step 3: Go!](steps/03/README.md "Now it is time to build our first little UI by replacing the &quot;Hello World&quot; text in the HTML body by the OpenUI5 control sap/m/Text. In the beginning, we will use the JavaScript control interface to set up the UI, the control instance is then placed into the HTML body. ")** ([🔗 Live Preview](https://ui5.github.io/tutorials/quickstart/build/03/index-cdn.html) \| <details class="ts-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-03.zip) </details><details class="js-only"> [📥 Download Solution](https://ui5.github.io/tutorials/quickstart/quickstart-step-03-js.zip)</details> )
2626

packages/quickstart/steps/01/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Let's get you ready for your journey! We bootstrap OpenUI5 in an HTML page and i
1313

1414
<sup>*The browser shows a "Ready" button that triggers a "Hello World" message*</sup>
1515

16-
You can access the live preview by clicking on this link: [🔗 Live Preview of Step 1](https://ui5.github.io/tutorials/quickstart/build/01/index.html).
16+
You can access the live preview by clicking on this link: [🔗 Live Preview of Step 1](https://ui5.github.io/tutorials/quickstart/build/01/index-cdn.html).
1717

1818
***
1919

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Quickstart Tutorial</title>
6+
<script id="sap-ui-bootstrap"
7+
src="https://sdk.openui5.org/resources/sap-ui-core.js"
8+
data-sap-ui-libs="sap.m"
9+
data-sap-ui-compat-version="edge"
10+
data-sap-ui-async="true"
11+
data-sap-ui-on-init="module:ui5/quickstart/index"
12+
data-sap-ui-resource-roots='{
13+
"ui5.quickstart": "./"
14+
}'>
15+
</script>
16+
</head>
17+
<body class="sapUiBody" id="content"></body>
18+
</html>

packages/quickstart/steps/02/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Now we extend our minimalist HTML page to a basic app with a view and a controll
1313

1414
<sup>*The browser shows a Steady button in an app*</sup>
1515

16-
You can access the live preview by clicking on this link: [🔗 Live Preview of Step 2](https://ui5.github.io/tutorials/quickstart/build/02/index.html).
16+
You can access the live preview by clicking on this link: [🔗 Live Preview of Step 2](https://ui5.github.io/tutorials/quickstart/build/02/index-cdn.html).
1717

1818
***
1919

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Quickstart Tutorial</title>
6+
<script id="sap-ui-bootstrap"
7+
src="https://sdk.openui5.org/resources/sap-ui-core.js"
8+
data-sap-ui-libs="sap.m"
9+
data-sap-ui-compat-version="edge"
10+
data-sap-ui-async="true"
11+
data-sap-ui-on-init="module:ui5/quickstart/index"
12+
data-sap-ui-resource-roots='{
13+
"ui5.quickstart": "./"
14+
}'>
15+
</script>
16+
</head>
17+
<body class="sapUiBody" id="content"></body>
18+
</html>

packages/quickstart/steps/03/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Finally, we add a second page to our app showcasing some of the key OpenUI5 conc
1313

1414
<sup>*The second page shows plenty of UI controls and concepts to explore*</sup>
1515

16-
You can access the live preview by clicking on this link: [🔗 Live Preview of Step 3](https://ui5.github.io/tutorials/quickstart/build/03/index.html).
16+
You can access the live preview by clicking on this link: [🔗 Live Preview of Step 3](https://ui5.github.io/tutorials/quickstart/build/03/index-cdn.html).
1717

1818
***
1919

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Quickstart Tutorial</title>
6+
<script id="sap-ui-bootstrap"
7+
src="https://sdk.openui5.org/resources/sap-ui-core.js"
8+
data-sap-ui-libs="sap.m"
9+
data-sap-ui-compat-version="edge"
10+
data-sap-ui-async="true"
11+
data-sap-ui-on-init="module:ui5/quickstart/index"
12+
data-sap-ui-resource-roots='{
13+
"ui5.quickstart": "./"
14+
}'>
15+
</script>
16+
</head>
17+
<body class="sapUiBody" id="content"></body>
18+
</html>

0 commit comments

Comments
 (0)