SlideShare a Scribd company logo
Introducing
NativeScript
Now presenting – Sebastian Witalec
•Solution Engineer and Technical
Evangelist for Telerik
•Working with the Dev community in
London:
–International Developers
–Software Architecture & Mentorship
–NativeScript Insiders London (soon)
THE INTRODUCTION TO
DEMO
Native Script by Sebastian Witalec
Native Script by Sebastian Witalec
Native Script by Sebastian Witalec
Native Script by Sebastian Witalec
Native Script by Sebastian Witalec
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Native
Android
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Marshalling Service java.lang.String
Native
Android
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Marshalling Service
Binding
java.lang.String
java.io.File()
Native
Android
Calling Android API
var file = new java.io.File(path);V8 JavaScript Engine
Marshalling Service
Binding
java.lang.String
java.io.File()
Call Dispatcher java.io.File
file = FileProxy
Native Script Modules Layer
NSM Layer
(JavaScript) UI Abstraction
File System
Abstraction
Device sensors Local Storage
Push Notifications
Launchers,
Choosers
Localization,
Globalizations
Other…
Runtime
Native UI
Components
JavaScript
Running on VM
User Interaction
Handled by Native platform
Hardware Access
Handled by Native platform
Native iOS application Native Android application Native WP application
At runtime, executed on the JS engine.
In Cross platform abstraction
On Android
var file = new File(path);Cross-platform
Cross-platform API
File file = new java.io.File(path);
On iOS
NSFileManager.defaultManager();
fileManager.createFileAtPathContentsAttributes(path);
Performance
Styling
Supported Selectors
• .button { … }Type selector
• ..my-class { ... }Class selector
• .#login-button { ... }ID selector
• .button:pressed { ... }
Pseudo-classes
selector
Supported Styles
• .button { color: blue }color
• ..my-class { width: 100; height: 25; }width/height
• .#login-button { font-size: 20 }font-size
• ...c-label { vertical-align: center }vertical-align
• ..t-label { opacity: 0.8 }opacity
Open Source
Current state
• Private preview – still no public access
• iOS and Android only
• Feature freeze until the beta - stabilizing the framework, catching
up on documentation
• [major problem] No debugging
0.42 release in January
• Better getting started documentation
• Tooling for using 3rd party native libraries
• Better AppBuilder companion apps – barCode integration and error
reports
• Code stabilization
• [major problem] Still no debugging.
Public Beta in February
• Open source the code on GitHub
• Public access
• Windows Universal support – preview version
• Much better documentation and help articles
• Debugging support inside AppBuilder
• Integration with Telerik platform and its services
V1 in May
• Stabilizing the code
• Windows Universal support – Beta version
• Add missing features
–Localization
–More cross-platform abstractions
• Bluetooth,
• accelerometer,
• and more ..
vNext
• Continue adding missing features
• More cross-platform abstractions
• Integration with popular JavaScript libraries that depend on
browser
• 3rd party Plugins marketplace
Get involved
The insiders group
www.telerik.com/nativescript-insiders-signup
London based meetup
www.meetup.com/NativeScript-London
Contact:
valentin.stoychev@telerik.com
Questions

More Related Content

PPTX
Native Script by Sebastian Witalec
PPTX
PPTX
NativeScript + Push Notifications
PPTX
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
PPTX
ng-conf NativeScript and Angular 2 Workshop
PPTX
NativeScript Developer Day Keynote - Todd Anglin & Burke Holland
PPTX
NativeScript - Open source framework for building truly native mobile apps wi...
PPTX
Native Script by Sebastian Witalec
NativeScript + Push Notifications
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
ng-conf NativeScript and Angular 2 Workshop
NativeScript Developer Day Keynote - Todd Anglin & Burke Holland
NativeScript - Open source framework for building truly native mobile apps wi...

What's hot (20)

PDF
Angular2 & Native Script GDG DevFest 2016
PPTX
Nativescript with angular 2
PDF
GitHub as a Landing Page
PDF
Building our App with React Native
PPTX
Introduction to React Native
PPTX
What is Kotlin Multiplaform? Why & How?
PPTX
Writing Slack Bots in JavaScript
PDF
Nuxeo & React Native
PPTX
.NET - The Current Spectrum
PPTX
Visual Studio Code for Java and Spring Developers
PPTX
.Net platform .Net core fundamentals
PPTX
IONIC - Hybrid Mobile App Development
PDF
Kotlin native for iOS and Android
PPTX
Kotlin for android 2019
PDF
Hybrid Apps with Angular & Ionic Framework
PDF
An overview of devportal technologies and their (dis)advantages
PDF
Ionic in 30
PPTX
I/O 2019 android updates
PDF
Blazor - The New Silverlight?
PDF
Serverless with Firebase - Launchpad Build Burgos
Angular2 & Native Script GDG DevFest 2016
Nativescript with angular 2
GitHub as a Landing Page
Building our App with React Native
Introduction to React Native
What is Kotlin Multiplaform? Why & How?
Writing Slack Bots in JavaScript
Nuxeo & React Native
.NET - The Current Spectrum
Visual Studio Code for Java and Spring Developers
.Net platform .Net core fundamentals
IONIC - Hybrid Mobile App Development
Kotlin native for iOS and Android
Kotlin for android 2019
Hybrid Apps with Angular & Ionic Framework
An overview of devportal technologies and their (dis)advantages
Ionic in 30
I/O 2019 android updates
Blazor - The New Silverlight?
Serverless with Firebase - Launchpad Build Burgos

Viewers also liked (8)

PDF
NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular
PPTX
PPTX
Thai Oral: Tourism
PPTX
Porting Hybrid Apps to Native Apps
PDF
TypeScript - Angular 2 - ionic 2
PDF
Getting Started with Angular 2
PDF
UX Design at the Speed of Thought
PDF
Introduction à Angular 2
NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular
Thai Oral: Tourism
Porting Hybrid Apps to Native Apps
TypeScript - Angular 2 - ionic 2
Getting Started with Angular 2
UX Design at the Speed of Thought
Introduction à Angular 2

Similar to Native Script by Sebastian Witalec (20)

PPTX
DOC-20230427-WA0009..pptx
PPTX
PUG Challenge 2016 - The nativescript pug app challenge
PPTX
Ignite your app development with Angular, NativeScript and Firebase
PPTX
Game On With NativeScript
PPTX
DOC-20230427-WA0010..pptx
PPTX
Native Script Atlanta Code Camp
PPTX
Native Script Overview
PPTX
Native script overview
PPTX
Dfc 2018 NativeScript
PPTX
Native script overview
PPTX
Prototyping Mobile Apps with NativeScript and Angular
PPTX
Hackathon Slides
PPTX
Building Native “apps” with Visual Studio 2015
PPTX
Build Your First iPhone or Android App with Telerik AppBuilder
PPTX
NCDevCon 2017 - Cross Platform Mobile Apps
PDF
NativeScript: mobile app. no webview.
PDF
Native script vs react native for native app development in 2022
PPTX
Building Native Android Apps with JavaScript
PDF
NativeScript 環境のインストールとはじめてのプロジェクト実行
PDF
How native script angular helps to build truly native mobile applications
DOC-20230427-WA0009..pptx
PUG Challenge 2016 - The nativescript pug app challenge
Ignite your app development with Angular, NativeScript and Firebase
Game On With NativeScript
DOC-20230427-WA0010..pptx
Native Script Atlanta Code Camp
Native Script Overview
Native script overview
Dfc 2018 NativeScript
Native script overview
Prototyping Mobile Apps with NativeScript and Angular
Hackathon Slides
Building Native “apps” with Visual Studio 2015
Build Your First iPhone or Android App with Telerik AppBuilder
NCDevCon 2017 - Cross Platform Mobile Apps
NativeScript: mobile app. no webview.
Native script vs react native for native app development in 2022
Building Native Android Apps with JavaScript
NativeScript 環境のインストールとはじめてのプロジェクト実行
How native script angular helps to build truly native mobile applications

Recently uploaded (20)

PPTX
SAP Ariba Sourcing PPT for learning material
PDF
💰 𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓 💰
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
PDF
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PDF
RPKI Status Update, presented by Makito Lay at IDNOG 10
PPT
tcp ip networks nd ip layering assotred slides
PPTX
E -tech empowerment technologies PowerPoint
PDF
SASE Traffic Flow - ZTNA Connector-1.pdf
PPTX
Introduction to Information and Communication Technology
PDF
Decoding a Decade: 10 Years of Applied CTI Discipline
PPTX
international classification of diseases ICD-10 review PPT.pptx
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PDF
Testing WebRTC applications at scale.pdf
PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PPTX
Internet___Basics___Styled_ presentation
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
SAP Ariba Sourcing PPT for learning material
💰 𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓 💰
Cloud-Scale Log Monitoring _ Datadog.pdf
Unit-1 introduction to cyber security discuss about how to secure a system
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
Introuction about WHO-FIC in ICD-10.pptx
RPKI Status Update, presented by Makito Lay at IDNOG 10
tcp ip networks nd ip layering assotred slides
E -tech empowerment technologies PowerPoint
SASE Traffic Flow - ZTNA Connector-1.pdf
Introduction to Information and Communication Technology
Decoding a Decade: 10 Years of Applied CTI Discipline
international classification of diseases ICD-10 review PPT.pptx
INTERNET------BASICS-------UPDATED PPT PRESENTATION
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
Testing WebRTC applications at scale.pdf
Tenda Login Guide: Access Your Router in 5 Easy Steps
Internet___Basics___Styled_ presentation
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...

Native Script by Sebastian Witalec

  • 2. Now presenting – Sebastian Witalec •Solution Engineer and Technical Evangelist for Telerik •Working with the Dev community in London: –International Developers –Software Architecture & Mentorship –NativeScript Insiders London (soon)
  • 10. Calling Android API var file = new java.io.File(path);V8 JavaScript Engine
  • 11. Native Android Calling Android API var file = new java.io.File(path);V8 JavaScript Engine Marshalling Service java.lang.String
  • 12. Native Android Calling Android API var file = new java.io.File(path);V8 JavaScript Engine Marshalling Service Binding java.lang.String java.io.File()
  • 13. Native Android Calling Android API var file = new java.io.File(path);V8 JavaScript Engine Marshalling Service Binding java.lang.String java.io.File() Call Dispatcher java.io.File file = FileProxy
  • 14. Native Script Modules Layer NSM Layer (JavaScript) UI Abstraction File System Abstraction Device sensors Local Storage Push Notifications Launchers, Choosers Localization, Globalizations Other… Runtime Native UI Components JavaScript Running on VM User Interaction Handled by Native platform Hardware Access Handled by Native platform Native iOS application Native Android application Native WP application
  • 15. At runtime, executed on the JS engine. In Cross platform abstraction On Android var file = new File(path);Cross-platform Cross-platform API File file = new java.io.File(path); On iOS NSFileManager.defaultManager(); fileManager.createFileAtPathContentsAttributes(path);
  • 18. Supported Selectors • .button { … }Type selector • ..my-class { ... }Class selector • .#login-button { ... }ID selector • .button:pressed { ... } Pseudo-classes selector
  • 19. Supported Styles • .button { color: blue }color • ..my-class { width: 100; height: 25; }width/height • .#login-button { font-size: 20 }font-size • ...c-label { vertical-align: center }vertical-align • ..t-label { opacity: 0.8 }opacity
  • 21. Current state • Private preview – still no public access • iOS and Android only • Feature freeze until the beta - stabilizing the framework, catching up on documentation • [major problem] No debugging
  • 22. 0.42 release in January • Better getting started documentation • Tooling for using 3rd party native libraries • Better AppBuilder companion apps – barCode integration and error reports • Code stabilization • [major problem] Still no debugging.
  • 23. Public Beta in February • Open source the code on GitHub • Public access • Windows Universal support – preview version • Much better documentation and help articles • Debugging support inside AppBuilder • Integration with Telerik platform and its services
  • 24. V1 in May • Stabilizing the code • Windows Universal support – Beta version • Add missing features –Localization –More cross-platform abstractions • Bluetooth, • accelerometer, • and more ..
  • 25. vNext • Continue adding missing features • More cross-platform abstractions • Integration with popular JavaScript libraries that depend on browser • 3rd party Plugins marketplace
  • 26. Get involved The insiders group www.telerik.com/nativescript-insiders-signup London based meetup www.meetup.com/NativeScript-London Contact: valentin.stoychev@telerik.com