Using Evernote and Google Docs in your web or mobile ...

Using NativeScript to develop native apps for IOS and Android By Peter Messenger Senior Developer Kip Mc Grath Education Services http://www.petermessenger.com http://stonecourier.blogspot.com.au/ What is NativeScript? A runtime for building and running native IOS, and (soon) Windows Phone apps with a single JavaScript (or TypeScript) code base Developed by Telerik Open Source

Runs JavaScript on JavaScript VMs JavaScriptCore on IOS V8 on Android Android 4.2 or later and iOS 7.1 or later Nativescript is not like PhoneGap no DOM Xamarian no cross compilation Appcelerator direct access to native APIs in JavaScript Why NativeScript? Skills reuse

Standard base JavaScript, CSS, optionally TypeScript Code reuse Npm modules, 3rd party Android and IOS libraries More than 50 plugins developed already https://www.npmjs.com/search?q=nativescript Easily use Native Apis No wrappers to access native APIs Use native UI elements Open Source Angular 2 Integration

Ways to use Nativescript Telerik Platform Npm install g nativescript Telerik Platform Backend as a service Push notifications, cloud data, file storage etc Analytics App Builder Cloud builds (build IOS/android builds) Nativescript debugging and tooling

Screen Builder Cost $79 per month (and up) http://www.telerik.com/purchase/platform Telerik Appbuilder IDE Options In Browser Client Visual Studio Extension

Sublime Text Package Command Line Interface Nativescript Command Line Interface Free and open source https://github.com/nativescript/nativescript-cl i Requirements Android - JDK, Apache Ant, Android SDK IOS Xcode, Xcode CLI Tools, IOS SDK My recommendation Use CLI

Test on real devices, compile time very good Optionally use visual studio for editing Use TypeScript, not JavaScript Online platform Requires good upload speed for projects, particularly for large projects with lots of files (found it was painful) Compile times ok, but again internet speed in an issue Starting an New Project npm install g nativescript tns create hello-world cd hello world

IOS tns platform add ios tns run ios emulator Android tns platform add android tns run android emulator Project Structure App App_Resources

App.css App.js Main-page.css Main-page.js Main-page.xml Node_modules Package.json Tns_modules Platforms Android

ios App.js var application = require(application); application.mainModule = main-page; application.start(); Pages Xml markup structure Elements ,

Data Binding Improved var observableModule = require(data/observable); exports.load = function (args) { var data = new observableModule.Observable(); data.set(message, hello world); args.object.bindingContext = data; } CSS Label {

color : red; font-size : 20; width : 200; margin : 20 } .special { color : green; } Layouts, Gestures and Widgets Layouts

AbsoluteLayout DockLayout GridLayout StackLayout WrapLayout Gestures Tap Double Tap Long Press Swipe Pan Pinch Rotation

Features Location Camera Animation Widgets Button Label TextField TextView SearchBar Switch Slider

Progress ActivityIndicator Image ListView HtmlView WebView TabView SegmentedBar DatePicker TimePicker ListPicker Dialogs

Coming Soon Weeks/Days Telerik Listview Charting Curated plugin store November Calendar DataForm AutoComplete TextView January Canvas API Contact Picker Windows Support (maybe)

NativeScript- Site Main site blog, very good documentation and examples in JavaScript and TypeScript https://www.nativescript.org/ Twitter https://twitter.com/nativescript Source https://github.com/NativeScript/NativeScript NativeScript Group

https:// plus.google.com/u/0/communities/117408587889337015711?cfem=1 My blog with NativeScript examples http://stonecourier.blogspot.com.au/ NativeScript Videos Presentations by TJ VanToll Welcome to NativeScript https://www.youtube.com/watch?v=bFqqRRuhSEc Beyond the Basics https://www.youtube.com/watch?v=QzhhCGwO4f8

Diving Deep https://www.youtube.com/watch?v=oyqHlCxvq78

Recently Viewed Presentations

  • David Torgerson Phd - University of York

    David Torgerson Phd - University of York

    Interactions are relatively unusual and therefore factorial trials are probably an efficient trial approach. Split plot design A split plot design is a special form of factorial design, which mixes cluster and individual randomisation. SAPPHIRE: example of a split plot...
  • Marketing and Communications Department | August 2015

    Marketing and Communications Department | August 2015

    By Salomon Frangieh. Information Security and Business Continuity . Outline. Cyber Attacks vs. Cyber Security. Cyber Space & Cyber Attacks. Cyber Attacks Anatomy, Types, Weapons. What's happening in Cyber Space? Cyber Security Measures & Challenges.
  • Portfolio - Regent University

    Portfolio - Regent University

    After 1950 not in PD Contracts Independent Contractors Assignment of Rights (script) Assignment of Rights (music) Film Permits Theatrical Permits Stock Footage Contracts Creative Works Rights Policy All Regent University students, staff and faculty agree that all right, title and...
  • The AP Progr at Spring-Ford High School AP

    The AP Progr at Spring-Ford High School AP

    AP + PLTW. To help prepare all students for the global workforce, the College Board and Project Lead The Way (PLTW) have partnered on a program to encourage student participation in science, technology, engineering, and math (STEM) courses and build...
  • Using Technical Analysis to Improve Your Profitability Presented

    Using Technical Analysis to Improve Your Profitability Presented

    Day trading, short term trading, options trading, and futures trading are extremely risky undertakings. They generally are not appropriate for someone with limited capital, little or no trading experience, and/ or a low tolerance for risk.
  • Reliance Presentation template - India Infoline

    Reliance Presentation template - India Infoline

    Disclaimer. Slide2. Thispresentationdoesnotconstituteaprospectus,anofferingcircular,anadvertisement,aprivateplacementofferletterorofferdocumentoranoffer ...
  • 1.2: Displaying Quantitative Data with Graphs Section 1.2

    1.2: Displaying Quantitative Data with Graphs Section 1.2

    Draw a horizontal axis (a number line) and label it with the variable name. ... A graph of the distribution may be clearer if nearby values are grouped together. Most common graph of the distribution of . one . quantitative...
  • Human Body System Project

    Human Body System Project

    Cerebral Hemispheres. Localization of a function, such as speech, to the right or left side of the brain. Frontal Lobe- helps us reason, make judgments, make plans for the near and far future, make choices, take action, solve problems and...