From afaf5ccabf38c2a32136c68607547067995f4314 Mon Sep 17 00:00:00 2001 From: vakrilov Date: Tue, 13 Jan 2015 18:19:12 +0200 Subject: [PATCH 1/3] Getting started with the "Getting Started" article --- getting-started.md | 24 ++++++++++++++++++++++++ img/architecture.png | Bin 0 -> 11519 bytes 2 files changed, 24 insertions(+) create mode 100644 getting-started.md create mode 100644 img/architecture.png diff --git a/getting-started.md b/getting-started.md new file mode 100644 index 000000000..f9370d3b3 --- /dev/null +++ b/getting-started.md @@ -0,0 +1,24 @@ +# Getting Started With NativeScript +NativeScript framework enable developers to use pure JavaScript language to build native mobile applications running on the major mobile platforms - Apple iOS, Google Android. The applications UI stack is built using native UI components and because of that no compromises with the User Experience with the applications is done. + +## How It Works +The native script architectures can be generally explained with this diagram: +![architecture diagram]( .\img\architecture.png "architecture diagram") + +* **Native OS** - At the bottom level is the native OS (Android, iOS and soon Windows). +* **NativeScript runtime** runs the JavaScript code of your application. The runtime also provides a way to call all the native APIs available for the platform the app is running on. This means that you have access to all the native capabilities of the platform. +* **NativeScript Modules** are a set of platform-agnostic libraries that are build on top of the runtime. These modules are wrap the platform specific code, providing a common API. +* **Application Code** - your application's code. Building an application on top of the NativeScript modules means that you will not have write platform-specific code. This should be the case most of the time. However, you still have the option to reach the native API trough the NativeSctipt runtime. + +## Requirements +Currently NativeScript can run on the following platforms: + +* Android 4.2+ (equivalent to Android API level 17+) +* iOS 7.1+ + +For NativeScript development you have to options: + +* Using the [NativeScript Command-Line Interface](https://github.com/NativeScript/nativescript-cli) +with a IDE or text editor of your choice. +* Using [AppBuilder](http://docs.telerik.com/platform/appbuilder/nativescript/index) where you have all the features of Telerik Platform at your disposal. + diff --git a/img/architecture.png b/img/architecture.png new file mode 100644 index 0000000000000000000000000000000000000000..d45db1d23cc08f708dff82fd689edc2fbd11b1cf GIT binary patch literal 11519 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 G&;JI9qZ%Rr literal 0 HcmV?d00001 From 8a336b8ba59a0a4cedd5a4715442a87ee00ffaa1 Mon Sep 17 00:00:00 2001 From: vakrilov Date: Wed, 14 Jan 2015 16:47:15 +0200 Subject: [PATCH 2/3] Add headers --- getting-started.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/getting-started.md b/getting-started.md index f9370d3b3..e132d17eb 100644 --- a/getting-started.md +++ b/getting-started.md @@ -1,3 +1,10 @@ +--- +nav-title: "Getting Started With NativeScript" +title: "Getting Started With NativeScript" +description: "NativeScript Documentation: Getting Started" +position: 11 +--- + # Getting Started With NativeScript NativeScript framework enable developers to use pure JavaScript language to build native mobile applications running on the major mobile platforms - Apple iOS, Google Android. The applications UI stack is built using native UI components and because of that no compromises with the User Experience with the applications is done. From d19d964a14331fce7ccf1ae4cda3f885d2d9c079 Mon Sep 17 00:00:00 2001 From: vakrilov Date: Wed, 4 Feb 2015 14:22:55 +0200 Subject: [PATCH 3/3] More on getting-started article --- getting-started.md | 192 +++++++++++++++++++++++++- img/getting-started/step1-android.png | Bin 0 -> 16477 bytes img/getting-started/step1-ios.png | Bin 0 -> 18024 bytes img/getting-started/step2-android.png | Bin 0 -> 16644 bytes img/getting-started/step2-ios.png | Bin 0 -> 18212 bytes img/getting-started/step3-android.png | Bin 0 -> 18968 bytes img/getting-started/step3-ios.png | Bin 0 -> 20355 bytes 7 files changed, 187 insertions(+), 5 deletions(-) create mode 100644 img/getting-started/step1-android.png create mode 100644 img/getting-started/step1-ios.png create mode 100644 img/getting-started/step2-android.png create mode 100644 img/getting-started/step2-ios.png create mode 100644 img/getting-started/step3-android.png create mode 100644 img/getting-started/step3-ios.png diff --git a/getting-started.md b/getting-started.md index e132d17eb..03a7c1139 100644 --- a/getting-started.md +++ b/getting-started.md @@ -2,18 +2,18 @@ nav-title: "Getting Started With NativeScript" title: "Getting Started With NativeScript" description: "NativeScript Documentation: Getting Started" -position: 11 +position: 12 --- # Getting Started With NativeScript -NativeScript framework enable developers to use pure JavaScript language to build native mobile applications running on the major mobile platforms - Apple iOS, Google Android. The applications UI stack is built using native UI components and because of that no compromises with the User Experience with the applications is done. +NativeScript framework enable developers to use pure JavaScript language to build native mobile applications running on the major mobile platforms - Apple iOS, Google Android. The applications UI stack is built using native UI components and because of that no compromises with the User Experience of the applications are done. ## How It Works The native script architectures can be generally explained with this diagram: ![architecture diagram]( .\img\architecture.png "architecture diagram") * **Native OS** - At the bottom level is the native OS (Android, iOS and soon Windows). -* **NativeScript runtime** runs the JavaScript code of your application. The runtime also provides a way to call all the native APIs available for the platform the app is running on. This means that you have access to all the native capabilities of the platform. +* **NativeScript runtime** runs the JavaScript code of your application. The runtime also provides a way to call all the native APIs of the platform the app is running on. This means that you have access to all the native capabilities of the platform. * **NativeScript Modules** are a set of platform-agnostic libraries that are build on top of the runtime. These modules are wrap the platform specific code, providing a common API. * **Application Code** - your application's code. Building an application on top of the NativeScript modules means that you will not have write platform-specific code. This should be the case most of the time. However, you still have the option to reach the native API trough the NativeSctipt runtime. @@ -23,9 +23,191 @@ Currently NativeScript can run on the following platforms: * Android 4.2+ (equivalent to Android API level 17+) * iOS 7.1+ -For NativeScript development you have to options: +For NativeScript development you have the following options: * Using the [NativeScript Command-Line Interface](https://github.com/NativeScript/nativescript-cli) with a IDE or text editor of your choice. -* Using [AppBuilder](http://docs.telerik.com/platform/appbuilder/nativescript/index) where you have all the features of Telerik Platform at your disposal. +* Using [AppBuilder](http://docs.telerik.com/platform/appbuilder/nativescript/index) where you have all the features of [Telerik Platform](http://www.telerik.com/platform) at your disposal. +## Example +In the following example we will start with a empty NativeScript project and build a simple hello word sample application. + +### Creating Blank Project +Let's start by creating a blank project. As we mentioned you can either use the [NativeScript CLI](https://github.com/NativeScript/nativescript-cli) or NativeScript Blank project template in AppBuilder(available for JavaScript or TypeScript). +Form here on we will be working in the `App` folder inside the project. + +### Adding UI +The project we just created has a single empty page. The UI of the page is defined declaratively in the 'main-page.xml' file. In the project there are also `main-page.js` (or `main-page.ts`) and `main-page.css` files that will hold applications code and styles for this page. + +Let's add some UI in `main-page.xml`: +```XML + + + +