From ce90dfbb0e1b560f7b4f56a99db11e30025ccdd2 Mon Sep 17 00:00:00 2001 From: Iva Koevska Date: Tue, 31 Jul 2018 18:36:29 +0300 Subject: [PATCH 01/12] Changed reference to app.js and app.css --- content/docs/en/getting-started/2-playground-tutorial.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/en/getting-started/2-playground-tutorial.md b/content/docs/en/getting-started/2-playground-tutorial.md index e2348d95..191145de 100644 --- a/content/docs/en/getting-started/2-playground-tutorial.md +++ b/content/docs/en/getting-started/2-playground-tutorial.md @@ -46,7 +46,7 @@ Keep the apps running while you're experimenting with the code. ![](/screenshots/ns-playground/playground-layout.png) -The left sidebar offers a file explorer and a **Components** panel. Most of your effort on your app will happen in `app.js` and `app.css`, containing the app functionality and taking care of the app styles, respectively. No need to deep dive in any other files for now. +The left sidebar offers a file explorer and a **Components** panel. Most of your effort on your app will happen in `components` > `HelloWorld.vue`, where you'll be creating the user interface and the business logic behind it. No need to deep dive in any other files for now. The **Components** panel provides quick access to already pre-configured code for all available NativeScript UI components. From efc819deb3eb727c71fd2ec75563b427815fba0e Mon Sep 17 00:00:00 2001 From: Iva Koevska Date: Mon, 6 Aug 2018 19:44:27 +0300 Subject: [PATCH 02/12] Updated tutorial --- content/docs/en/getting-started/2-playground-tutorial.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/en/getting-started/2-playground-tutorial.md b/content/docs/en/getting-started/2-playground-tutorial.md index 191145de..e111b1bc 100644 --- a/content/docs/en/getting-started/2-playground-tutorial.md +++ b/content/docs/en/getting-started/2-playground-tutorial.md @@ -56,9 +56,9 @@ The bottom of the page is your best friend providing real-time error reports and ### Drag and drop to code -![](/screenshots/ns-playground/playground-drag-and-drop.gif) + -Just click a component from the **Components** panel and drag it to the code editor, somewhere inside the `template` block. Releasing the mouse button inserts some pre-written sample code for the respective component. Any methods that go with it (such as what happens on button or item tap) are automatically added at the top of the page before the `template` block. +Just click a component from the **Components** panel and drag it to the code editor, somewhere inside the ` ``` @@ -627,12 +626,12 @@ In `HelloWorld.vue` > `