13. My recommendation
You should choose Advanced setup if you are
real man.
• You must always fight
using administrator
privileage.
• Do not use
Powershell never.
15. Create your first NativeScript App
tns create HelloWorld --template nativescript-template-tutorial
Step 1: Create app project.
Step 2: Execute the following the command.
cd HelloWorld
tns run android
16. Unfortunately,
you will not succeed run your first app
like a your first l♡ve.
Maybe, probably.
You will see the following message:
“Cannot find connected devices.”
19. Structure of basic app project
Global style for app.
Start module for app.
UI code for main-page.xml.
Markup (XML) for UI page.
Detailed dependency of app.
Node module,including nativescript modules.
Settings for each mobile platforms.
Visual resource for each mobile platforms.
20. Incompatible with Web development
Markup
<Page>
<StackLayout>
<Label id="Label1" text="This is Label!" />
<Button text="This is Button!" tap="buttonTap" />
</StackLayout>
</Page>
var view = require("ui/core/view");
function buttonTap(args) {
count++;
var parent = args.object.parent;
var lbl = view.getViewById(parent, "Label1");
lbl.text = "You tapped " + count + " times!";
}
exports.buttonTap = buttonTap;
Code
22. NativeScript Sidekick
Companion tool for NativeScript development.
• Create project
• JavaScript, TypeScript,Angular
• Some app type templates
• Build project (Local/Cloud)
• Manage Plugin
• Run on the device/emulator.
23. NativeScript PlayGrand
On the fly test environment for NativeScript
• Coding with an editor on the
Web browser.
• Show the preview to mobile
device with QR code.
• Need a dedicated mobile
application.
24. Visual Studio & Visual Studio Code plugins
• Create project
• JavaScript, TypeScript,Angular
• Some app type templates
• Build project (Local/Cloud)
• Manage Plugin
• Run on the device/emulator.
• Debug feature
• Coding helping feature
25. Summary
• NativeScript can develop cross platform mobile app
with Angular.js + TypeScript or JavaScript.
• The development method is not very compatible
with web development.
• Abundant tools and learning contents are prepared.
27. Reference
• Native mobile apps with Angular, TypeScript,
JavaScript – NativeScript
• Play and Try NativeScript on Your Device – {N}
Playground
• The total package for truly native mobile
development