AppsWorld 2015 - Cross Platform Native Applications in JavaScript

Nov 18, 20153 likes1,116 views

This document discusses building cross-platform native mobile apps using JavaScript. It defines what a native mobile app is and outlines challenges with building apps for multiple platforms, such as iOS and Android. It then introduces approaches for building cross-platform apps using JavaScript, including frameworks like Titanium, React Native, and NativeScript that allow coding apps in JS while maintaining native UIs. Benefits include writing code once that runs on different platforms, along with faster development times and lower costs compared to building platform-specific apps.

cross-platform
native apps
In javascript
1

@jasonkneen
‣ FREELANCE APP DEVELOPER
‣ www.bouncingfish.com
‣ twitter.com/jasonkneen
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

WHAT IS A native app?
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

WHAT IS A native app?
"A NATIVE MOBILE APP IS A SMARTPHONE APPLICATION
THAT IS CODED IN A SPECIFIC PROGRAMMING LANGUAGE
SUCH AS OBJECTIVE-C OR JAVA"
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

"A NATIVE APPLICATION IS AN APPLICATION DEVELOPED
FOR USE ON A PARTICULAR PLATFORM OR DEVICE"
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
WHAT IS A native app?

WHAT IS A native app?
"A NATIVE MOBILE APP IS ONE THAT USES a NATIVE
USER INTERFACE"
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

BUILDING native appS
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ iOS - Objective-C, Swift
‣ ANDROID - JAVA
‣ windows - C#

MULTI-PLATFORM NATIVE appS
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ TAKES LONGER
‣ COSTS MORE
‣ Maintenance can be costly
‣ Drives a “platform first” attitude

CROSS-PLATFORM TO THE RESCUE!
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ CODE IN one language
‣ SINGLE CODE BASE
‣ CROSS-PLATFORM UI
‣ FASTER, CHEAPER
WHY CROSS-PLATFORM?

CROSS-PLATFORM SOLUTIONS
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ MOBILE WEB
‣ HYBRID
‣ NATIVE UI
A HYBRID APP

NATIVE UI SOLUTIONS
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ TITANIUM
‣ NativeScRIPT
‣ REACT NATIVE
Platform SDK
THE BRIDGE
JAVASCRIPT

CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ CODE IN JAVASCRIPT
‣ NATIVE, CROSS-PLATFORM UI
‣ SHARE CODE / LIBRARIES
‣ NATIVE EXPERIENCE
‣ 90%+ CODE SHARE
CROSS-PLATFORM NATIVE UI
NBPA PLAYERS APP FOR IOS AND ANDROID

WHY TITANIUM?
‣ FREE, OPEN-SOURCE
‣ ESTABLISHED, SECURE
‣ iOS, Android, Windows Phone
‣ Alloy MVC
‣ EASY TRANSITION FROM WEB
‣ Appcelerator Platform
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

ALLOY MVC
‣ XML-BASED VIews
‣ TSS Styles
‣ JAVASCRIPT controllers
‣ backbone models, collections
‣ Platform specific CODE / ASSETS
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

ALLOY MVC
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ XML LAYOUT
‣ TSS STYLING
‣ COMMONJS
‣ WIDGETS

ALLOY MVC
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ PLATFORM-SPECIFIC
‣ THEMES
‣ MULTI-APP CODEBASES

“when you strive for consistency, you achieve it
through mediocrity” - Phil libin, CEO evernote
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

along with LEFT, RIGHT, TOP & BOTTOM
CROSS PLATFORM challenges

CROSS PLATFORM challenges
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT
‣ SINGLE code base
‣ PLATFORM ui / ux STANDARDS
‣ device behaviour
‣ ASSETS / DENSITIES
‣ TESTING

WHAT’S NEXT?
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

Hyperloop
‣ Javascript runs natively
‣ backward compatible
‣ 100% pLATFORM SDK access
‣ No native modules!
‣ MIX javascript, Obj-C, Swift
‣ TRY IT NOW
CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

THANK YOU
‣ www.bouncingfish.com
‣ @jasonkneen / @bouncingfish
‣ www.appcelerator.com
‣ www.tidev.io

The document discusses mobile user experience (UX) and provides information on mobile phone subscriptions, platforms, programming languages, frameworks, and strategies for developing mobile apps. It notes that 4.6 billion mobile phone subscriptions account for 69% of the world's population and that revenue comes primarily from native apps on platforms like Symbian, RIM, Apple, Windows, Google, and Palm which use languages like C++, Java, Objective C, C#, and JavaScript. It also discusses approaches like mobile web, native apps, and cross-platform frameworks.

State of the PlatformsSasha Goldshtein

Xamarin y MS Azure | Cognitive ServicesVicente Gerardo Guzman Lucio

Rhomobile.distAdam Blum

Rhomobile is a smartphone app framework that allows developers to write apps once using HTML, Ruby, and a MVC framework and deploy them across multiple smartphone platforms. It offers features like offline data sync, access to device capabilities, and a hosted development environment to build apps without installing SDKs. Rhomobile's Rhodes framework is free and open source while commercial support and server licenses start at $1,000 and $10,000 per app respectively.

App days 2016 munich - Leaware - real time cross platform app with signalr ...Leaware.com

This document discusses building real-time cross-platform apps with SignalR and Xamarin. It describes Xamarin as allowing development of native Android, iOS, and Windows apps using C# and sharing code. SignalR is introduced as simplifying adding real-time functionality by allowing server code to push content instantly to clients. The document notes that the SignalR .NET client works for Xamarin apps as well as JavaScript, allowing cross-platform real-time apps to be created using these technologies.

Rhodes E Ruby ConAdam Blum

Rhodes is a framework that allows developers to write mobile apps once using HTML and Ruby and deploy them across multiple smartphone platforms like iPhone, Android, BlackBerry and more. It uses a model-view-controller approach and allows for features like GPS, contacts integration and push notifications. Rhodes apps can be developed locally or using RhoHub, a hosted development environment, and deployed over-the-air via RhoSync.

Test automation of mobile appsrvaitkus

Mobile apps testing can be done using Appium, a cross-platform solution for automating native and hybrid mobile apps. Appium acts as an HTTP server that creates WebDriver sessions to run tests on real devices and simulators for both iOS and Android platforms. It proxies commands to the appropriate automation frameworks like UIAutomation for iOS and UiAutomator for Android. This allows writing tests once that can run on multiple mobile platforms using the same WebDriver API and commands.

Test automation of mobile apps (Bugs'a'loud Vilnius QA Gathering)rvaitkus

Mobile apps testing is becoming increasingly important as mobile takes over the world. Appium is a cross-platform solution for automating native and hybrid mobile app testing using the WebDriver protocol. It allows testing the same app submitted to app stores by writing tests in any language using any framework. Appium acts as an HTTP server, starting a test case on the device that handles WebDriver commands, proxying them to the appropriate automation tools for each platform like UIAutomation for iOS and UiAutomator for Android. This enables cross-platform mobile testing with one test across two platforms.

End to-end native iOS, Android and Windows apps wtih XamarinJames Montemagno

Xamarin enables C# developers to become native iOS, Android, and Microsoft Windows mobile app developers overnight. Learn how to leverage your existing .NET and C# skills to create iOS and Android mobile apps in Visual Studio with Xamarin. See how to extend an app with Microsoft Azure App Service creating a connected experience while sharing logic with a .NET backend running on Azure. Next, we take a look at automating the mobile apps with Xamarin Test Cloud for automated user interface testing. Finally, we tie it all together into VSTS to build and distribute our mobile apps with HockeyApp with each commit. By the end of this session you will a full grasp of end-to-end development with Xamarin.

Introduction to xamarinDaniel Fikre

- Xamarin enables developers to create native iOS, Android, Mac, and Windows applications using C# and the .NET framework. This allows sharing of code and libraries across platforms. - Xamarin uses a unique approach of native user interfaces, native performance, and shared code across platforms while using C# and .NET. It allows full API coverage on all platforms. - Xamarin has been used by enterprises for over a decade and allows writing applications once in C# that can run on over 2.5 billion devices.

Mvvm Pattern in Xamarin - MvvmCross and Xamarin.FormsLeaware.com

Connfa! Progressive web appLemberg Solutions

Open Source iOS, Android App and WebApp for Conferences and Events To Learn more check out: - Yura Myrosh on Facebook - https://www.facebook.com/yura.myrosh - Yura Myrosh on Twitter - https://twitter.com/Yura_Myrosh - Connfa! official website - http://connfa.com/ - Learn more about Lemberg - http://lemberg.co.uk/

Xamarin Dev Days - Introduction to XamarinJames Montemagno

This document discusses Xamarin, a platform for building mobile apps using C# and .NET. It can be used to build apps for iOS, Android, and Windows Phone from shared C# code, while still allowing full access to native platform APIs. The document promotes features like hot reloading for faster development cycles and high performance from ahead-of-time compilation to ARM binaries or just-in-time compilation. Statistics are provided on code reuse between platforms for sample Xamarin apps. James Montemagno of Xamarin encourages questions from attendees.

Introducing mono & xamarinTechizzaa

Say hello to Xamarin 3Xamarin

Introduction to Cross Platform Natitve Mobile Development with C# and XamarinJames Montemagno

In this session you will learn about the technology that Xamarin offers and how it works to enable developers to leverage a shared C# code base across all mobile platforms. I will walk you through developing, deploying, and optimizing your first mobile apps for iOS, Android, and Windows from a single code base. You will walk away with the knowledge to build cross platform mobile app with C# features such as LINQ, async/await, events, and delegates and inside of both Visual Studio and Xamarin Studio.

Build Cross Platform Mobile Apps for iOS & Android with Xamarin & MvvmCrossIshai Hachlili

This document provides an overview of Xamarin and MVVMCross for building cross-platform mobile apps using C# and .NET. It discusses how Xamarin allows sharing of C# code across iOS, Android and other platforms while providing full native API access. It also introduces MVVMCross, an MVVM framework that works with Xamarin to further facilitate code sharing and separation of concerns across mobile platforms. Sample code is provided to demonstrate these concepts.

Cross platform Xamarin Apps With MVVMJim Bennett

The document discusses using the Model-View-ViewModel (MVVM) pattern to increase cross-platform code sharing in Xamarin apps. MVVM separates app logic, UI logic, and UI, allowing business logic to be shared via portable class libraries and UI logic to interact with it in a cross-platform manner via bindings and commands. This produces more testable and maintainable apps with less platform-specific code than traditional approaches. The document provides an example tip calculator app to illustrate MVVM concepts and benefits.

Xamarin 4 - the future of appsJames Montemagno

Xamarin 4 was just announced including some amazing new features and enhancements including the all new Xamarin Mac Agent and Xamarin.Forms 2.0 for enterprise grade mobile development, the brand new Test Recorder, and free crash reporting with the General Availability of Xamarin Insights. This month we will take a look at all the new enhancements into iOS and Android Development in C# with Xamarin and all of the latest features that were just released. There will be something for everyone in this content packed meetup no matter if you are new or have been developing with Xamarin for some time.

Getting Started with iOS & Android Development Using Xamarin & Visual StudioMark Arteaga

Cross-Platform Mobile App DevelopmentJosue Bustos

Developing Cross-platform Native Apps with Xamarindanhermes

Have you wanted to build a mobile app that works on every popular OS, but haven't had the time to learn each language for each platform? Or maybe, you've heard success and/or horror stories about developing cross platform apps one time with one set of languages? Well join Xamarin MVP and .NET consultant, Dan Hermes, as he dispels some of the rumors and introduces Xamarin, the fully native cross platform mobile app development platform.

Xamarin PlatformRui Marinho

Web, Native & Hybrid Apps OverviewCreative Spark, an M&C Saatchi Company

Develop your website with ROROne Click IT Consultancy Pvt Ltd

This document provides information about developing applications with Ruby on Rails (ROR). It highlights benefits like saving time and money while building customizable apps. It discusses ROR's active community and suitability for web technologies. The company presented provides ROR development services for websites, mobile apps, video streaming apps, and more. They have experience with technologies like HTML/CSS, Ruby on Rails, MySQL, and various servers. Their services include fully-featured applications with automatic campaigns, contact importing, dynamic subdomains, and reporting. Contact details are provided at the end.

Cross-platform Mobile DevelopmentXamarin

Introduction to XamarinShravan Kumar Kasagoni

Multi platform developmentDimitri Bekinin

Cross Platform Mobile DevelopmentSoftware Infrastructure

This document discusses cross-platform mobile application development. It covers native, web, and hybrid approaches. Native apps are developed for specific platforms using languages like Java and Objective-C. Web apps use HTML5, CSS, and JavaScript and can be accessed via a browser. Hybrid apps combine web technologies with native features using frameworks like NativeScript, React Native, and Xamarin. These frameworks allow building native mobile apps with shared codebases across platforms.

Trending Cross-platform App Development Frameworks.pptxCerebrum Infotech

More Related Content

What's hot (20)

End to-end native iOS, Android and Windows apps wtih XamarinJames Montemagno

Introduction to xamarinDaniel Fikre

Mvvm Pattern in Xamarin - MvvmCross and Xamarin.FormsLeaware.com

Connfa! Progressive web appLemberg Solutions

Xamarin Dev Days - Introduction to XamarinJames Montemagno

Introducing mono & xamarinTechizzaa

Say hello to Xamarin 3Xamarin

Introduction to Cross Platform Natitve Mobile Development with C# and XamarinJames Montemagno

Build Cross Platform Mobile Apps for iOS & Android with Xamarin & MvvmCrossIshai Hachlili

Cross platform Xamarin Apps With MVVMJim Bennett

Xamarin 4 - the future of appsJames Montemagno

Getting Started with iOS & Android Development Using Xamarin & Visual StudioMark Arteaga

Cross-Platform Mobile App DevelopmentJosue Bustos

Developing Cross-platform Native Apps with Xamarindanhermes

Xamarin PlatformRui Marinho

Web, Native & Hybrid Apps OverviewCreative Spark, an M&C Saatchi Company

Develop your website with ROROne Click IT Consultancy Pvt Ltd

Cross-platform Mobile DevelopmentXamarin

Introduction to XamarinShravan Kumar Kasagoni

Multi platform developmentDimitri Bekinin

End to-end native iOS, Android and Windows apps wtih XamarinJames Montemagno

Introduction to xamarinDaniel Fikre

Mvvm Pattern in Xamarin - MvvmCross and Xamarin.FormsLeaware.com

Connfa! Progressive web appLemberg Solutions

Xamarin Dev Days - Introduction to XamarinJames Montemagno

Introducing mono & xamarinTechizzaa

Say hello to Xamarin 3Xamarin

Introduction to Cross Platform Natitve Mobile Development with C# and XamarinJames Montemagno

Build Cross Platform Mobile Apps for iOS & Android with Xamarin & MvvmCrossIshai Hachlili

Cross platform Xamarin Apps With MVVMJim Bennett

Xamarin 4 - the future of appsJames Montemagno

Getting Started with iOS & Android Development Using Xamarin & Visual StudioMark Arteaga

Cross-Platform Mobile App DevelopmentJosue Bustos

Developing Cross-platform Native Apps with Xamarindanhermes

Xamarin PlatformRui Marinho

Web, Native & Hybrid Apps OverviewCreative Spark, an M&C Saatchi Company

Develop your website with ROROne Click IT Consultancy Pvt Ltd

Cross-platform Mobile DevelopmentXamarin

Introduction to XamarinShravan Kumar Kasagoni

Multi platform developmentDimitri Bekinin

Similar to AppsWorld 2015 - Cross Platform Native Applications in JavaScript (20)

Cross Platform Mobile DevelopmentSoftware Infrastructure

Trending Cross-platform App Development Frameworks.pptxCerebrum Infotech

Tcdnug xamarinJoe Koletar

The document discusses options for cross-platform mobile development, including mobile web, native apps, native wrappers, interpreted apps, and cross-compiled apps. It focuses on using Xamarin tools to build cross-platform apps using C# that can target both Android and iOS platforms. Xamarin allows developers to share most of their code across platforms while still delivering native experiences. The document includes demonstrations of building an app with Xamarin and considerations for selecting mobile development tools.

Evolving Mobile Architecturessgleadow

This document discusses evolving mobile architectures and approaches to building mobile applications. It covers building apps for multiple platforms, hybrid native-web architectures, mobile backend systems, and testing hybrid apps. Key points include separating presentation from logic, choosing technologies based on features, and testing at multiple levels including UI, integration, and units. An approach of evolving designs over time based on measuring outcomes is recommended over locking into only native or only web approaches.

Maximiliano Firtman - Разработка приложений с помощью PhoneGap .toster

Max Firtman is a mobile and web developer based in Buenos Aires, Argentina. PhoneGap is an open source framework that allows building cross-platform mobile apps using HTML, CSS, and JavaScript. It works by packaging web apps so they can be deployed and distributed as native mobile applications. PhoneGap supports many mobile platforms but each still requires separate compilation. Debugging mobile web apps can also be challenging.

PhoneGap mobile developmentMaximiliano Firtman

Max Firtman is a mobile and web developer based in Buenos Aires, Argentina. PhoneGap is an open source framework that allows building cross-platform mobile apps using HTML, CSS, and JavaScript. It works by packaging web apps so they can be deployed and run as native mobile applications. PhoneGap supports many mobile platforms but each still requires separate compilation. Debugging mobile web apps can also be challenging. The speaker provides advice around maintaining a single codebase, embracing platform differences, and focusing on performance and the best experience for each context.

Techcamp xamarin 2014Nguyen Le Phu An

This document summarizes a presentation about developing cross-platform apps using Xamarin. It discusses that Xamarin allows building apps for multiple platforms like iOS and Android using C# while achieving native performance. The agenda covers an introduction to Xamarin, getting started, code sharing between platforms, and reusing native libraries. It also discusses competitors like PhoneGap and challenges like requiring knowledge of each platform and needing a Mac for iOS development. The presentation aims to explain how Xamarin enables building cross-platform mobile apps with native user interfaces and sharing common code.

Your choices for building a mobile app in 2016Jad Salhani

Philly ete-2011davyjones

PhoneGap allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. It works by embedding a webview component within a native container, and provides a bridge for JavaScript to access some device APIs. PhoneGap has grown a large community and supports many mobile platforms. While it allows cross-platform development, apps are still packaged natively and some limitations remain. The future roadmap includes improved plugin support and new features like web sockets and background services to enhance the capabilities of hybrid mobile apps.

XamarinSoftware Infrastructure

The document discusses developing cross-platform mobile applications using Xamarin. It introduces Xamarin, which allows developers to build native iOS and Android apps using C# and .NET. It highlights that Xamarin apps look and feel native while sharing code across platforms. The document also covers architecting mobile apps with Xamarin, using Xamarin.Forms to build user interfaces with shared code, and includes a demo section.

Lecture 08 XamarinMaksym Davydov

CIP Developing Mobile AppsEdwin Rojas

The document summarizes a workshop on developing mobile apps for the International Potato Center (CIP) genebank. It discusses CIP's needs to improve data collection, germplasm identification and tracking using mobile devices. It then covers selecting hardware platforms, the types of mobile apps that could be developed (web, hybrid or native), and using Microsoft and Xamarin technologies to create cross-platform native apps for inventory management on Android and Windows devices. The workshop included demonstrations of a sample app created in Xamarin Forms.

Connect.js 2015 - Building Native Mobile Applications with Javascriptjoshcjensen

Finding the sweet spot - blending the best of native and webShawn Jansepar

Ionic: The Web SDK for Develop Mobile Apps.Matheus Cardoso

Cross platform mobile approachesPhuong Hoang Vu

This document discusses cross-platform mobile development. It defines cross-platform development as developing applications that can run on multiple platforms simultaneously. The document then explores different cross-platform approaches like web apps, hybrid apps, interpreted apps, cross-compiled apps, and generated apps. It provides details on how each approach works and when they are involved in the development process. The document also compares the different approaches based on factors like native access, performance, cost, and tools. It concludes that cross-platform options are not fully mature but can be good choices for prototypes, existing web apps, or as a shortcut to the market.

The Future of Cross-Platform is NativeJustin Mancinelli

The quest for the perfect cross-platform solution has been like the quest for the Holy Grail. It’s been going on a long time, there are a myriad of perceived benefits, and every time someone claims to have found it, it’s never the right one. Many people ask, “Should I go with a cross-platform solution, or a native solution?” but the reality is the quest is bringing us closer to a solution where there isn’t a meaningful difference. React Native wasn’t the first to show a solution could be both cross-platform and native, but it has certainly convinced a lot of people. As many of those early converts are discovering the limitations, they are beginning to fall back into either-or thinking. Maybe they just have the wrong assumptions. Kotlin Multiplatform makes some new assumptions and, although it wasn’t the first to do so, is gaining in popularity very quickly. Is Kotlin Multiplatform the holy grail of cross-platform? Probably not. But it does bring cross-platform and native closer than ever before. ---- Presented at https://newyork2019.theleaddeveloper.com/ Video: https://www.youtube.com/watch?v=sA_JIqqj9js Thank you https://touchlab.co/ for supporting me and the future of mobile.

Xamarin - Code Once Build Android and iOS AppsEduardo Rosas Osorno

Talk (2)suraj sakhardande

The document discusses cross-platform mobile development using tools like PhoneGap that allow developers to write code once using web technologies like HTML, CSS, and JavaScript and deploy that code to multiple platforms. Key points include: - Cross-platform tools allow single codebase to target platforms like iOS, Android, Blackberry without rewriting code for each - PhoneGap is an open source tool that uses a native wrapper with HTML/JS to build cross-platform mobile apps - Developers can access native device APIs and build apps using standard web technologies without platform-specific coding.

Xamarin cross platformGuada Casuso

The document discusses different approaches to mobile cross-platform development including web apps, hybrid apps, and native apps. It then focuses on the Xamarin platform, which allows developers to build fully native mobile apps for Android and iOS using C# and .NET with a single shared codebase. Xamarin apps are compiled to native code for each platform and provide access to all native platform features and APIs.

Cross Platform Mobile DevelopmentSoftware Infrastructure

Trending Cross-platform App Development Frameworks.pptxCerebrum Infotech

Tcdnug xamarinJoe Koletar

Evolving Mobile Architecturessgleadow

Maximiliano Firtman - Разработка приложений с помощью PhoneGap .toster

PhoneGap mobile developmentMaximiliano Firtman

Techcamp xamarin 2014Nguyen Le Phu An

Your choices for building a mobile app in 2016Jad Salhani

Philly ete-2011davyjones

XamarinSoftware Infrastructure

Lecture 08 XamarinMaksym Davydov

CIP Developing Mobile AppsEdwin Rojas

Connect.js 2015 - Building Native Mobile Applications with Javascriptjoshcjensen

Finding the sweet spot - blending the best of native and webShawn Jansepar

Ionic: The Web SDK for Develop Mobile Apps.Matheus Cardoso

Cross platform mobile approachesPhuong Hoang Vu

The Future of Cross-Platform is NativeJustin Mancinelli

Xamarin - Code Once Build Android and iOS AppsEduardo Rosas Osorno

Talk (2)suraj sakhardande

Xamarin cross platformGuada Casuso

AppsWorld 2015 - Cross Platform Native Applications in JavaScript

1. cross-platform native apps In javascript 1

2. @jasonkneen ‣ FREELANCE APP DEVELOPER ‣ www.bouncingfish.com ‣ twitter.com/jasonkneen CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

3. WHAT LIVE CODING FEELS LIKE

4. WHAT IS A native app? CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

5. WHAT IS A native app? "A NATIVE MOBILE APP IS A SMARTPHONE APPLICATION THAT IS CODED IN A SPECIFIC PROGRAMMING LANGUAGE SUCH AS OBJECTIVE-C OR JAVA" CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

6. "A NATIVE APPLICATION IS AN APPLICATION DEVELOPED FOR USE ON A PARTICULAR PLATFORM OR DEVICE" CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT WHAT IS A native app?

7. WHAT IS A native app? "A NATIVE MOBILE APP IS ONE THAT USES a NATIVE USER INTERFACE" CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

8. BUILDING native appS CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ iOS - Objective-C, Swift ‣ ANDROID - JAVA ‣ windows - C#

9. MULTI-PLATFORM NATIVE appS CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ TAKES LONGER ‣ COSTS MORE ‣ Maintenance can be costly ‣ Drives a “platform first” attitude

10. CROSS-PLATFORM TO THE RESCUE! CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

11. CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ CODE IN one language ‣ SINGLE CODE BASE ‣ CROSS-PLATFORM UI ‣ FASTER, CHEAPER WHY CROSS-PLATFORM?

12. CROSS-PLATFORM SOLUTIONS CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ MOBILE WEB ‣ HYBRID ‣ NATIVE UI A HYBRID APP

13. NATIVE UI SOLUTIONS CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ TITANIUM ‣ NativeScRIPT ‣ REACT NATIVE Platform SDK THE BRIDGE JAVASCRIPT

14. CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ CODE IN JAVASCRIPT ‣ NATIVE, CROSS-PLATFORM UI ‣ SHARE CODE / LIBRARIES ‣ NATIVE EXPERIENCE ‣ 90%+ CODE SHARE CROSS-PLATFORM NATIVE UI NBPA PLAYERS APP FOR IOS AND ANDROID

15. WHY TITANIUM? ‣ FREE, OPEN-SOURCE ‣ ESTABLISHED, SECURE ‣ iOS, Android, Windows Phone ‣ Alloy MVC ‣ EASY TRANSITION FROM WEB ‣ Appcelerator Platform CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

16. ALLOY MVC ‣ XML-BASED VIews ‣ TSS Styles ‣ JAVASCRIPT controllers ‣ backbone models, collections ‣ Platform specific CODE / ASSETS CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

17. ALLOY MVC CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ XML LAYOUT ‣ TSS STYLING ‣ COMMONJS ‣ WIDGETS

18. ALLOY MVC CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ PLATFORM-SPECIFIC ‣ THEMES ‣ MULTI-APP CODEBASES

19. “when you strive for consistency, you achieve it through mediocrity” - Phil libin, CEO evernote CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

20. along with LEFT, RIGHT, TOP & BOTTOM CROSS PLATFORM challenges

21. CROSS PLATFORM challenges “What size should the App Avatar be?” “Can we have a Quit button to exit the app in iOS?” “That’s just a 5 minute job right?” “We’d like the iOS TabGroup on Android” “Can you tell me all the image sizes you need for Android?” “I’ve put the images in “/retina” and “/ non-retina“ folders” “I’ve sent you a layered-PSD with the images”

22. CROSS PLATFORM challenges CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT ‣ SINGLE code base ‣ PLATFORM ui / ux STANDARDS ‣ device behaviour ‣ ASSETS / DENSITIES ‣ TESTING

23. WHAT’S NEXT? CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

24. Hyperloop ‣ Javascript runs natively ‣ backward compatible ‣ 100% pLATFORM SDK access ‣ No native modules! ‣ MIX javascript, Obj-C, Swift ‣ TRY IT NOW CROSS-PLATFORM NATIVE APPS IN JAVASCRIPT

25. THANK YOU ‣ www.bouncingfish.com ‣ @jasonkneen / @bouncingfish ‣ www.appcelerator.com ‣ www.tidev.io

AppsWorld 2015 - Cross Platform Native Applications in JavaScript

Recommended

More Related Content

What's hot (20)

Similar to AppsWorld 2015 - Cross Platform Native Applications in JavaScript (20)

AppsWorld 2015 - Cross Platform Native Applications in JavaScript