tjvantoll

// We will base our custom theme off the core theme's light variables
@import 'nativescript-theme-core/scss/light';

// We can now override all the core variables found here:
// https://github.com/NativeScript/theme/blob/master/app/scss/_variables.scss
$primary: #fff;
$accent: #384030;
$secondary: #7B8055;

// ActionBar

tjvantoll

@import 'christmas';
@import 'nativescript-theme-core/scss/platforms/index.android';

// Place any CSS rules you want to apply only on Android here

tjvantoll

@import 'christmas';
@import 'nativescript-theme-core/scss/platforms/index.ios';

// Place any CSS rules you want to apply only on iOS here

tjvantoll

Setup

Start here to get the project on your development machine.

git clone https://github.com/tjvantoll/sample-Groceries.git
cd sample-Groceries
git checkout demo
tns run android

tjvantoll

Building Native iOS and Android Apps With Angular 2 and NativeScript

Are you an Angular developer that’s always wanted to build an iOS or Android app? Good news! NativeScript is a free and open-source runtime for building native apps with skills you already have—Angular, TypeScript, CSS, and npm. The best part? NativeScript renders truly native UIs—giving your users the best performance and UX their devices can offer.

In this workshop you’ll learn how NativeScript works and how to leverage it to build your next mobile app. Then, you’ll dive in and use NativeScript to build an iOS and Android app from scratch.

Come learn how to build native apps with Angular 2!

Sharing Code Between Web and Native Apps

tjvantoll

In last few years Cordova plugins have become the cornerstone of many high-quality Cordova and PhoneGap applications. In just the last year, we at Telerik have grown our curated Cordova plugins marketplace from small handful of plugins to now 65 and counting. In this talk you’ll learn about the latest greatest in the Cordova plugin world, including plugins for the Apple Watch, Mapbox maps, and a whole lot more.

tjvantoll

NativeScript is an open source JavaScript framework for building native iOS and Android apps. But I know what you're thinking: another way of building apps? What makes NativeScript special? Here are a few cool things:

• Direct access to Android and iOS APIs—no plugins required. Want to create a file on Android? Run new java.io.File()—in JavaScript!
• Completely native user interfaces with native performance—no web views, no DOM, no HTML.
• Supported by Telerik, with commercial tooling and support available.

In this session you’ll learn how it all works. Architectures will be explained; apps will be built; and fun will be had by all.

tjvantoll

// The Angular dependency injection mechanism depends on this import.
// Read more Angular’s dependency injection at https://angular.io/docs/ts/latest/guide/dependency-injection.html.
import "reflect-metadata";

// Because NativeScript runs in a native mobile app, and not the browser,
// you must use a NativeScript-specific bootsrapping function, which does
// some NativeScript-specific configuration before loading the first
// component.
import {nativeScriptBootstrap} from "nativescript-angular/application";

tjvantoll

execFile: /usr/local/Cellar/android-sdk/24.3.3/platform-tools/adb "help"
spawn: /usr/local/Cellar/android-sdk/24.3.3/tools/android "--help"

       Usage:
       android [global options] action [action options]
       Global options:
  -s --silent     : Silent mode, shows errors only.
  -v --verbose    : Verbose mode, shows errors, warnings and all messages.
     --clear-cache: Clear the SDK Manager repository manifest cache.
  -h --help       : Help on a specific command.

tjvantoll

<Page>
    <WebView url="http://google.com" />
</Page>