Ti & Native Development
Mads Møller
CTO – Napp
mm@napp.dk
@nappdev
https://github.com/viezel
TITANIUM & NATIVE

•
•
•
•
•
•

Introduction to native
Why native?
3rd party libraies
Example module
Hyperloop & its futur...
INTRODUCTION TO NATIVE
INTRODUCTION TO NATIVE
INTRODUCTION TO NATIVE
WHY NATIVE
WHY NATIVE?
• Leverage native features
– 3rd party libraires
– Create new UI components
– Customize Ti components

• Perfo...
IS IT HARD?
WHY NATIVE - IS IT HARD?
• Is it hard to learn?
– Yes and No. (not really)

• It requires
– Learn a new syntax
– Understan...
THIRD PARTY LIBRARIES
THIRD PARTY LIBRARIES
• Soo many services
– We want to use them inside Titanium

• Often easy to implement
THIRD PARTY LIBRARIES
• Example
– Lets build a TestFlight module

• Why Testflight?
– Simple API
– Easy to get started
TESTFLIGHT – MODULE
• What is Testflight?
– Over the air distribution of apps
– Test & exception reporting

What to do:
1....
TESTFLIGHT – IOS MODULE
TESTFLIGHT – ANDROID MODULE
HYPERLOOP
HYPERLOOP
• What is Hyperloop?
– Next-generation compiler that converts JavaScript source code into native
code.
– It will...
HYPERLOOP - IS IT HARD?
• Is it hard to learn?
– Yes and No. (not really)

• It requires
– Learn a new special kind of jav...
HYPERLOOP - IOS
HYPERLOOP
HYPERLOOP – MY OWN OPINION
• Super interesting
– Great performance
– Hopefully more module developers

• Still not super e...
HYPERLOOP – MY OWN OPINION
• Whats still missing?
– Simplier way to do modules
– Syntax should be less OS oriented
HYPERLOOP – FUTURE
• Cross platform modules
–
–
–
–

Single codebase
Build an abstraction layer
Will make Titanium even mo...
HYPERLOOP – FUTURE
• Leverage C libraries
–
–
–
–

SVG, PDF, OpenCV, game engines etc.
Lots of libs out there
Enormous pot...
Q& A
Mads Møller
CTO – Napp
mm@napp.dk
@nappdev
https://github.com/viezel
Upcoming SlideShare
Loading in …5
×

Amsterdam Meetup Presentation - Marts 2014

828 views
740 views

Published on

Native modules + some insights in the new Hyperloop

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
828
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Amsterdam Meetup Presentation - Marts 2014

  1. 1. Ti & Native Development Mads Møller CTO – Napp mm@napp.dk @nappdev https://github.com/viezel
  2. 2. TITANIUM & NATIVE • • • • • • Introduction to native Why native? 3rd party libraies Example module Hyperloop & its future Q&A
  3. 3. INTRODUCTION TO NATIVE
  4. 4. INTRODUCTION TO NATIVE
  5. 5. INTRODUCTION TO NATIVE
  6. 6. WHY NATIVE
  7. 7. WHY NATIVE? • Leverage native features – 3rd party libraires – Create new UI components – Customize Ti components • Performance – Speed – Animation – Heavy operations • Better understanding of the platform – You gain a lot of knowledge of how Android & iOS really works!
  8. 8. IS IT HARD?
  9. 9. WHY NATIVE - IS IT HARD? • Is it hard to learn? – Yes and No. (not really) • It requires – Learn a new syntax – Understand how the os platform works – Learn how Titanium works • Benefits – Freedom to build what you want
  10. 10. THIRD PARTY LIBRARIES
  11. 11. THIRD PARTY LIBRARIES • Soo many services – We want to use them inside Titanium • Often easy to implement
  12. 12. THIRD PARTY LIBRARIES • Example – Lets build a TestFlight module • Why Testflight? – Simple API – Easy to get started
  13. 13. TESTFLIGHT – MODULE • What is Testflight? – Over the air distribution of apps – Test & exception reporting What to do: 1. 2. 3. Grab the SDK Read the docs and quick start guide Lets implement it Source code: https://github.com/viezel/NappTestFlight
  14. 14. TESTFLIGHT – IOS MODULE
  15. 15. TESTFLIGHT – ANDROID MODULE
  16. 16. HYPERLOOP
  17. 17. HYPERLOOP • What is Hyperloop? – Next-generation compiler that converts JavaScript source code into native code. – It will support iOS, Android and Win8 – Multi threaded, Super Performance • Hyperloop == Ti.Next – No. But it’s the foundation for Ti.Next. Hyperloop will compile the new javascript based Titanium SDK. • How to get it? – https://github.com/appcelerator/hyperloop – npm install -g hyperloop
  18. 18. HYPERLOOP - IS IT HARD? • Is it hard to learn? – Yes and No. (not really) • It requires – Learn a new special kind of javascript – Understand how the os platform works – Learn how Titanium works • Benefits – Freedom to build what you want – Do it in javascript
  19. 19. HYPERLOOP - IOS
  20. 20. HYPERLOOP
  21. 21. HYPERLOOP – MY OWN OPINION • Super interesting – Great performance – Hopefully more module developers • Still not super easy to learn – Since it’s a new special javascript syntax, its hard to find great learning resources. – What does this line of code mean? (it is javascript) UIButton.alloc().initWithFrame(CGRectMake(110, 100, 100, 44));
  22. 22. HYPERLOOP – MY OWN OPINION • Whats still missing? – Simplier way to do modules – Syntax should be less OS oriented
  23. 23. HYPERLOOP – FUTURE • Cross platform modules – – – – Single codebase Build an abstraction layer Will make Titanium even more powerful E.g. Testflight module could be a unified module • Windows & Mac desktop apps – Write desktop apps using Hyperloop • Ti.Next • • Might be that abstraction we need for module development Looking forward to see this implementation
  24. 24. HYPERLOOP – FUTURE • Leverage C libraries – – – – SVG, PDF, OpenCV, game engines etc. Lots of libs out there Enormous potential Native performance
  25. 25. Q& A Mads Møller CTO – Napp mm@napp.dk @nappdev https://github.com/viezel

×