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

PDF
Lecture 1 Introduction to VR Programming
PDF
Learning to Mod Minecraft: A Father/Daughter Retrospective
PPTX
Game On With NativeScript
PDF
ngServer and-collaboratived-development-between-san-francisco-and-tokyo
PDF
W3C HTML5 KIG-The complete guide to building html5 games
PPTX
Back to Space
PDF
Low Level Graphics & OpenGL
PDF
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...
Lecture 1 Introduction to VR Programming
Learning to Mod Minecraft: A Father/Daughter Retrospective
Game On With NativeScript
ngServer and-collaboratived-development-between-san-francisco-and-tokyo
W3C HTML5 KIG-The complete guide to building html5 games
Back to Space
Low Level Graphics & OpenGL
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...

Similar to Hackathon Slides (20)

PDF
No Delay Software Company Overview
PDF
NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular
PDF
Easy coding a multi device game with FireMonkey
PPTX
Kinect seminar 121020v1
KEY
Eating Fruit - Combining Robots & Apps
PPTX
Angular 2 and NativeScript
PPTX
The RPG Dude - Episode 2 - Globalization
PPTX
PWERPOINT SLIDE FOR PPROGRAMMING FOR KIDS.pptx
PPTX
Unity - Game Engine
PPT
Delta Engine @ CeBit 2011
PPTX
Introduction to game development
PDF
VR - Creating the ultimate reality
PDF
SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
PPTX
Coding for the cloud - development of modern web applications
PPTX
Pandaweb Technologies Scratch Programming.pptx
PPTX
Two – one = zero
PPT
Introduction to Game-Making Tools
PDF
Programming Language Final PPT
KEY
Cross Game Dev with Corona
PDF
BSidesDelhi 2018: Headshot - Game Hacking on macOS
No Delay Software Company Overview
NativeScript: Cross-Platform Mobile Apps with JavaScript and Angular
Easy coding a multi device game with FireMonkey
Kinect seminar 121020v1
Eating Fruit - Combining Robots & Apps
Angular 2 and NativeScript
The RPG Dude - Episode 2 - Globalization
PWERPOINT SLIDE FOR PPROGRAMMING FOR KIDS.pptx
Unity - Game Engine
Delta Engine @ CeBit 2011
Introduction to game development
VR - Creating the ultimate reality
SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
Coding for the cloud - development of modern web applications
Pandaweb Technologies Scratch Programming.pptx
Two – one = zero
Introduction to Game-Making Tools
Programming Language Final PPT
Cross Game Dev with Corona
BSidesDelhi 2018: Headshot - Game Hacking on macOS

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
Ignite your app development with Angular, NativeScript and Firebase
PPTX
Using Beacons in a Mobile App - IoT Nearables
PPT
Swipe Left for 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
Ignite your app development with Angular, NativeScript and Firebase
Using Beacons in a Mobile App - IoT Nearables
Swipe Left for 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)

DOCX
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
PDF
BIO-INSPIRED HORMONAL MODULATION AND ADAPTIVE ORCHESTRATION IN S-AI-GPT
PPTX
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
PPTX
Artificial Intelligence
PPTX
UNIT-1 - COAL BASED THERMAL POWER PLANTS
PPTX
CARTOGRAPHY AND GEOINFORMATION VISUALIZATION chapter1 NPTE (2).pptx
PDF
Enhancing Cyber Defense Against Zero-Day Attacks using Ensemble Neural Networks
PDF
Model Code of Practice - Construction Work - 21102022 .pdf
PPTX
Current and future trends in Computer Vision.pptx
PPTX
Safety Seminar civil to be ensured for safe working.
PDF
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
PDF
Embodied AI: Ushering in the Next Era of Intelligent Systems
PPTX
bas. eng. economics group 4 presentation 1.pptx
PDF
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
PDF
TFEC-4-2020-Design-Guide-for-Timber-Roof-Trusses.pdf
PPTX
MET 305 2019 SCHEME MODULE 2 COMPLETE.pptx
PPT
Project quality management in manufacturing
PDF
Operating System & Kernel Study Guide-1 - converted.pdf
PPTX
web development for engineering and engineering
PPT
Mechanical Engineering MATERIALS Selection
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
BIO-INSPIRED HORMONAL MODULATION AND ADAPTIVE ORCHESTRATION IN S-AI-GPT
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
Artificial Intelligence
UNIT-1 - COAL BASED THERMAL POWER PLANTS
CARTOGRAPHY AND GEOINFORMATION VISUALIZATION chapter1 NPTE (2).pptx
Enhancing Cyber Defense Against Zero-Day Attacks using Ensemble Neural Networks
Model Code of Practice - Construction Work - 21102022 .pdf
Current and future trends in Computer Vision.pptx
Safety Seminar civil to be ensured for safe working.
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
Embodied AI: Ushering in the Next Era of Intelligent Systems
bas. eng. economics group 4 presentation 1.pptx
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
TFEC-4-2020-Design-Guide-for-Timber-Roof-Trusses.pdf
MET 305 2019 SCHEME MODULE 2 COMPLETE.pptx
Project quality management in manufacturing
Operating System & Kernel Study Guide-1 - converted.pdf
web development for engineering and engineering
Mechanical Engineering MATERIALS Selection

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