SlideShare a Scribd company logo
NativeScript Hackathon!
[Dimo Dimov (Kendo UI)
Burke Holland (DevRel)
Deyan Ginev (NativeScript)
Bozhidar Ivanchev (WebForms)
Byulent Karaahmed (NativeScript)
Georgi Krustev (Kendo UI)
Jen Looper (DevRel) <-that’s me
Ivana Maldonado (Marketing)
Merrill Turner (Marketing) ]
Start the install NOW
6:30pm – 9:30pm
Free pizza, drinks and dessert
Prizes every 20 minutes!
Grand Prize
Sony PS4 Star Wars Battlefront edition
How’s it work?
Collect raffle tickets for the prize drawings
• Complete the set up
• Complete a module
• Find a bug (gasp!)
• Ask a really great question
Just raise your hand when you’ve done one of these and we’ll
come around with a ticket for you.
Prize drawings will be held every 20 minutes!
What about the PS4?
Patience grasshopper…
Let us know when you’ve
completed the entire tutorial.
We’ll give you a blue Grand Prize raffle ticket.
We’ll mail the prize as soon as it’s available,
on November 17th.
Prize #1
Drawing will be held at 7:20pm
Prize #2
Drawing will be held at 7:40pm
Prize #3
Drawing will be held at 8:00pm
Prize #4
Drawing will be held at 8:20pm
Prize # 5
Drawing will be held at 8:40pm
And the Grand Prize
Drawing will be held at 9:00pm
NOTE: Prize is not yet available. We will ship it to the winner once it hits the market.
While I talk, start your installs
• Mac and PC installation guides here:
What is NativeScript?
• A runtime for building and running native iOS,
Android, and (soon) Windows Phone apps with a
single, JavaScript code base
Hackathon Slides
• No DOM
• No cross compilation
!=
!=
• Direct access to
native APIs in JS
!=
Why NativeScript?
• Skills reuse
• Standards-based JavaScript (optionally TypeScript), CSS, XML
• Code reuse
• npm modules, 3rd-party iOS and Android libraries
• Easily use native APIs
• No wrappers to access native APIs
• Use native UI elements
• Open source!
Contribute!
(nativescript.org/contribute)
• Bridge
NativeScript Android example
Output:
NativeScript iOS example
How does this work?
NativeScript and JS VMs
• NativeScript runs JavaScript on a JavaScript VM
• JavaScriptCore on iOS
• V8 on Android
• Runs on V8
• Runs on JavaScriptCore
Hackathon Slides
Hackathon Slides
NativeScript modules
• NativeScript-provided modules that provide cross-
platform functionality.
• There are dozens of them and they’re easy to write
yourself.
• NativeScript modules follow Node module’s
conventions (CommonJS).
NativeScript file module
HTTP module example
Community modules
https://www.npmjs.com/search?q=nativescript
But how do I turn this into an app?
Two ways to use NativeScript
1)
2)
NativeScript CLI
• Free and open source
• https://github.com/nativescript/nativescript-cli
NativeScript CLI requirements
• https://github.com/nativescript/nativescript-
cli#system-requirements
• Xcode, Xcode CLI tools, iOS SDK
• JDK, Apache Ant, Android SDK
Let’s get started!
Go to the Getting Started Guide
and start building!
http://docs.nativescript.org/getting-started
RAISE YOUR HAND when you complete a chapter, have a
problem, etc

More Related Content

PPTX
Native Script Atlanta Code Camp
PPTX
Game On With NativeScript
PPTX
Native script overview
PPTX
Native Script Overview
PPTX
Ignite your app development with Angular, NativeScript and Firebase
PDF
NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular
PPTX
NativeScript - Open source framework for building truly native mobile apps wi...
PPTX
DOC-20230427-WA0010..pptx
Native Script Atlanta Code Camp
Game On With NativeScript
Native script overview
Native Script Overview
Ignite your app development with Angular, NativeScript and Firebase
NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular
NativeScript - Open source framework for building truly native mobile apps wi...
DOC-20230427-WA0010..pptx

Similar to Hackathon Slides (20)

PDF
Native script vs react native for native app development in 2022
PPTX
Native script overview
PPTX
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
PPTX
PPTX
Nativescript with angular 2
PDF
How native script angular helps to build truly native mobile applications
PPTX
Dfc 2018 NativeScript
PPTX
ng-conf NativeScript and Angular 2 Workshop
PPTX
Native Script by Sebastian Witalec
PPTX
Native Script by Sebastian Witalec
PPTX
PUG Challenge 2016 - The nativescript pug app challenge
PDF
NativeScript 環境のインストールとはじめてのプロジェクト実行
PDF
React Native? A developer's perspective
PDF
An Inforgraphic to Learn React Native
PPTX
NCDevCon 2017 - Cross Platform Mobile Apps
PDF
l1-reactnativeintroduction-160816150540.pdf
PDF
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
PPTX
DOC-20230427-WA0009..pptx
PPTX
Prototyping Mobile Apps with NativeScript and Angular
PPTX
NativeScript + Push Notifications
Native script vs react native for native app development in 2022
Native script overview
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Nativescript with angular 2
How native script angular helps to build truly native mobile applications
Dfc 2018 NativeScript
ng-conf NativeScript and Angular 2 Workshop
Native Script by Sebastian Witalec
Native Script by Sebastian Witalec
PUG Challenge 2016 - The nativescript pug app challenge
NativeScript 環境のインストールとはじめてのプロジェクト実行
React Native? A developer's perspective
An Inforgraphic to Learn React Native
NCDevCon 2017 - Cross Platform Mobile Apps
l1-reactnativeintroduction-160816150540.pdf
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
DOC-20230427-WA0009..pptx
Prototyping Mobile Apps with NativeScript and Angular
NativeScript + Push Notifications

More from Jen Looper (19)

PPTX
The Last Saree: AI and Material Culture
PPTX
Computer Science for Kids: A Storytelling Approach
PPTX
Staying Fresh and Avoiding Burnout
PPTX
NativeScript and Angular
PPTX
Sharing Code between Web and Mobile Apps
PDF
Beacons, Plants, Boxes
PPTX
Using Beacons in a Mobile App - IoT Nearables
PPT
Swipe Left for NativeScript
PPTX
Angular 2 and NativeScript
PPTX
Crafting an Adventure: The Azure Maya Mystery
PPTX
Re-Building a Tech Community - Post Pandemic!
PPTX
Building a Tech Community in Ten Easy Steps
PPTX
Becoming a Green Developer
PPTX
Azure Static Web Apps
PPTX
Creating a Great Workshop
PPTX
The Ethics of Generative AI: A Humanist's Guide
PPTX
Zero to Hipster with the M.I.K.E. Stack
PPTX
Telerik AppBuilder, Estimote Beacons, and the IoT - Presentation for TelerikNEXT
PPTX
Telerik AppBuilder Presentation for TelerikNEXT Conference
The Last Saree: AI and Material Culture
Computer Science for Kids: A Storytelling Approach
Staying Fresh and Avoiding Burnout
NativeScript and Angular
Sharing Code between Web and Mobile Apps
Beacons, Plants, Boxes
Using Beacons in a Mobile App - IoT Nearables
Swipe Left for NativeScript
Angular 2 and NativeScript
Crafting an Adventure: The Azure Maya Mystery
Re-Building a Tech Community - Post Pandemic!
Building a Tech Community in Ten Easy Steps
Becoming a Green Developer
Azure Static Web Apps
Creating a Great Workshop
The Ethics of Generative AI: A Humanist's Guide
Zero to Hipster with the M.I.K.E. Stack
Telerik AppBuilder, Estimote Beacons, and the IoT - Presentation for TelerikNEXT
Telerik AppBuilder Presentation for TelerikNEXT Conference

Recently uploaded (20)

PPTX
TE-AI-Unit VI notes using planning model
PDF
Traditional Exams vs Continuous Assessment in Boarding Schools.pdf
PDF
July 2025: Top 10 Read Articles Advanced Information Technology
PPT
SCOPE_~1- technology of green house and poyhouse
PPTX
Edge to Cloud Protocol HTTP WEBSOCKET MQTT-SN MQTT.pptx
PDF
A Framework for Securing Personal Data Shared by Users on the Digital Platforms
PDF
Principles of Food Science and Nutritions
PPTX
Unit 5 BSP.pptxytrrftyyydfyujfttyczcgvcd
PDF
오픈소스 LLM, vLLM으로 Production까지 (Instruct.KR Summer Meetup, 2025)
PDF
Monitoring Global Terrestrial Surface Water Height using Remote Sensing - ARS...
PPTX
Practice Questions on recent development part 1.pptx
PPTX
Module_II_Data_Science_Project_Management.pptx
PDF
BRKDCN-2613.pdf Cisco AI DC NVIDIA presentation
PPTX
anatomy of limbus and anterior chamber .pptx
PDF
6th International Conference on Artificial Intelligence and Machine Learning ...
PDF
Structs to JSON How Go Powers REST APIs.pdf
PPTX
Chapter_Seven_Construction_Reliability_Elective_III_Msc CM
PDF
Queuing formulas to evaluate throughputs and servers
TE-AI-Unit VI notes using planning model
Traditional Exams vs Continuous Assessment in Boarding Schools.pdf
July 2025: Top 10 Read Articles Advanced Information Technology
SCOPE_~1- technology of green house and poyhouse
Edge to Cloud Protocol HTTP WEBSOCKET MQTT-SN MQTT.pptx
A Framework for Securing Personal Data Shared by Users on the Digital Platforms
Principles of Food Science and Nutritions
Unit 5 BSP.pptxytrrftyyydfyujfttyczcgvcd
오픈소스 LLM, vLLM으로 Production까지 (Instruct.KR Summer Meetup, 2025)
Monitoring Global Terrestrial Surface Water Height using Remote Sensing - ARS...
Practice Questions on recent development part 1.pptx
Module_II_Data_Science_Project_Management.pptx
BRKDCN-2613.pdf Cisco AI DC NVIDIA presentation
anatomy of limbus and anterior chamber .pptx
6th International Conference on Artificial Intelligence and Machine Learning ...
Structs to JSON How Go Powers REST APIs.pdf
Chapter_Seven_Construction_Reliability_Elective_III_Msc CM
Queuing formulas to evaluate throughputs and servers

Hackathon Slides

Editor's Notes

  • #21: I'll give your brain a minute or two to parse this, because yes, this JavaScript code instantiates a Java android.text.format.Time() object, calls its set() method, then logs the return value of its format() method, which is the string "01/01/15".
  • #22: This JavaScript code instantiates an Objective-C UIAlertView class, sets its message property, and then calls its addButtonWithTitle() and show() methods. When you run a NativeScript iOS app with this code you'll see the alert below:
  • #29: So by requiring or including the file-system module, you have access to native Android methods of handling the file system as well as native iOS methods of storing files.
  • #30: Another module – http. A great way to leverage REST apis to handle your data tier