Preview 2-706.pptx

1.0x

Preview 2-706.pptx

Created 2 years ago

Duration 0:00:00
lesson view count 87
Select the file type you wish to download
Slide Content
  1. Polita Paulus

    Slide 1 - Polita Paulus

    • Principal PM Manager
    • Getting Started with Cross-Platform Mobile Development with Apache Cordova
    • 2-706
    • //build/ content is being presented by Microsoft Office Mix The video for this session will be available shortly
  2. What is Cordova?

    Slide 2 - What is Cordova?

    • How do I build a Cordova app?
    • Targeting Windows 10 with Cordova
    • Demo time!
    • Is Cordova for me?
    • Are you guys serious about Cordova?
    • Learn more
    • Agenda
  3. Apps dominate the mobile web

    Slide 3 - Apps dominate the mobile web

    • Source: Flurry Analytics
  4. HTML is the most popular language for mobile apps.

    Slide 4 - HTML is the most popular language for mobile apps.

    • Landscape
    • Source: Developer Economics
    • State of the Developer Nation Q3 2014
  5. HTML/JS/CSS rivals Objective-C as developers’ primary language, behind Java.

    Slide 5 - HTML/JS/CSS rivals Objective-C as developers’ primary language, behind Java.

    • Landscape
    • Source: Developer Economics
    • State of the Developer Nation Q3 2014
  6. Enter Apache Cordova

    Slide 6 - Enter Apache Cordova

    • 6% of apps in stores, 14% of business category apps in stores
    • Source: AppBrain, April 2015
  7. What is Cordova?

    Slide 7 - What is Cordova?

    • Native Wrapper
    • <webview>Your JavaScript App
    • Open source framework
    • Hosted webview in iOS and Android platforms, WWAHost in Windows platform
    • Single, shared HTML, JavaScript, and CSS codebase deployed to all targets
  8. What is Cordova?

    Slide 8 - What is Cordova?

    • Native Wrapper
    • <webview>Your JavaScript App
    • Cordova Plugin JS API
    • Open source framework
    • Hosted webview in iOS and Android platforms, WWAHost in Windows platform
    • Single, shared HTML, JavaScript, and CSS codebase deployed to all targets
    • Plugins provide a common JavaScript API to access device capabilities
  9. What is Cordova?

    Slide 9 - What is Cordova?

    • Native Wrapper
    • <webview>Your JavaScript App
    • Cordova Plugin JS API
    • Open source framework
    • Hosted webview in iOS and Android platforms, WWAHost in Windows platform
    • Single, shared HTML, JavaScript, and CSS codebase deployed to all targets
    • Plugins provide a common JavaScript API to access device capabilities
  10. How does Cordova work?

    Slide 10 - How does Cordova work?

    • Cordova Project
    • HTML, CSS, JS
    • Assets
    • Platform code
    • Plugin code
    • Configuration
    • Visual Studio Project
    • HTML, CSS, JS, assets
    • Windows-specific runtime
    • Windows-specific plugin code
    • Windows-specific configuration
    • XCode Project
    • HTML, CSS, JS, assets
    • iOS-specific runtime
    • iOS-specific plugin code
    • iOS-specific configuration
    • Android Project
    • HTML, CSS, JS, assets
    • Android-specific runtime
    • Android-specific plugin code
    • Android-specific configuration
    • Create Cordova Project
    • Build Cordova Project
    • Native Windows App
    • Native iOS
    • App
    • Native Android App
  11. Cordova Windows 10 platform now available for prototyping!

    Slide 11 - Cordova Windows 10 platform now available for prototyping!

  12. Cordova Windows Platform Roadmap

    Slide 12 - Cordova Windows Platform Roadmap

    • ‘windows8’ Platform
    • Targets Windows 8
    • WWA in local context
    • ‘wp8’ Platform
    • Silverlight app with webview
    • WP7.5 Platform
    • Deprecated
    • Windows 7 Platform
    • Not Maintained
    • ‘windows’ Platform
    • Targets Windows 8.1 & Windows Phone 8.1
    • WWA in local context
    • Also continues to allow targeting Windows 8
    • Desktop/tablet
    • Phone
    • Xbox/Hub
    • Phase 0
    • Phase 1
    • ‘windows’ Platform
    • Targets Universal Windows Platform
    • WWA in remote (default) or local mode (setting in config.xml)
    • Embedded Cordova also supported
    • Also continues to allow targeting Windows 8, 8.1, and WP8.1
    • Phase 2
    • Win10 RTM
    • Summer 2014
    • ‘wp8’ Platform
    • Exists until Cordova community decides usage is low
    • ‘wp8’ Platform
    • Silverlight app with webview
  13. Direct access to WinRT makes platform-specific code and plugins easier to write

    Slide 13 - Direct access to WinRT makes platform-specific code and plugins easier to write

    • Supports hosted content model natively
    • On a web standards roadmap
    • Supports embedded Cordova apps
    • You can use the JavaScript libraries and patterns you love. SafeHTML is no longer an issue in Windows 10
    • Working on support for the top 25 plugins
    • WinJS offers touch and keyboard friendly controls that work on all mobile platforms. WinJS can be used in concert with Angular, Bootstrap, and other libraries.
    • Cordova Windows 10 platform
  14. How do I build a Cordova app?

    Slide 14 - How do I build a Cordova app?

  15. Visual Studio Tools for Apache Cordova

    Slide 15 - Visual Studio Tools for Apache Cordova

    • Extension to Visual Studio 2013 and in-box in Visual Studio 2015
    • Create, code, build, debug, package, and publish Cordova applications for iOS, Android, and Windows from within Visual Studio
    • +
    • :)
  16. Visual Studio installs and uses the third party tools you need for multi-device development

    Slide 16 - Visual Studio installs and uses the third party tools you need for multi-device development

    • As you use Visual Studio, each time it opens, it runs dependency checks and keeps up-to-date a verified stack of open source tools from the community
    • All the stuff you need
  17. Slide 17

    • Visual Studio Tools for Apache Cordova
    • Black Box
    • CSS | HTML
    • JavaScript | TypeScript
    • Microsoft OSS contributions to Cordova:
    • Cordova Browser Platform + Browser Support for Top 30 Plugins
    • Ripple, v2
    • Cordova Windows Platform
    • Cordova Test Infrastructure (MEDIC)
    • Cordova CLI (--list, --save, --restore, --arch)
    • Filling out the Plugin support matrix
    • Hosted app support for File, Media Capture, and Camera plugins
  18. Ok, show me!

    Slide 18 - Ok, show me!

  19. You need…

    Slide 19 - You need…

    • Windows 10 TP2
    • Visual Studio RC
    • The Windows 10 Cordova platform is on the Apache Cordova repo, along with documentation.
    • Refer to the Visual Studio blog for step-by-step setup and usage instructions.
    • How do I try it out?
  20. Use Cordova if you want to…

    Slide 20 - Use Cordova if you want to…

    • Use your web skills & assets
    • Maintain one codebase
    • Use the JS libraries you love
    • You might be better off writing native apps if…
    • Performance is of utmost concern
    • You want different apps on different devices
    • You <3 Java, ObjC, or DirectX (If you love XAML/C#, consider Xamarin)
    • Your apps have deep integration with devices, such as the DirectX rendering pipeline
    • Should I build a Cordova app or Native apps?
  21. Yes!

    Slide 21 - Yes!

    • Visual Studio has had support for Cordova for a year
    • VS2015’s Cordova investments include:
    • Improved CLI and project system interop with 3rd party CLIs
    • Updated Cordova, plugins, emulators, and OSS components
    • An improved build path for iOS
    • Additional app services support for mobile services, auth, O365, and analytics
    • Windows is committed to building and growing a first class Cordova platform
    • Major Windows investment for Cordova included:
    • Hosted app content support with WinRT access
    • Embedded webview support with WinRT access
    • Security model redesign
    • Contribution of all Cordova code to the Apache Cordova OSS project
    • Are you guys really serious about Cordova?
  22. Salesforce is building on the Windows 10 Cordova platform today

    Slide 22 - Salesforce is building on the Windows 10 Cordova platform today

  23. Online Resources:

    Slide 23 - Online Resources:

    • Apache Cordova website
    • Visual Studio Cordova Site: http://aka.ms/vscordova
    • Visual Studio blog: http://blogs.msdn.com/visualstudio/
    • Windows 10 dev center: http://dev.windows.com
    • Learn Cordova YouTube videos: http://aka.ms/learncordova
    • Sessions at //build:
    • Wednesday 11:30am: 627 - Strategies for Developing Cross-Platform Applications with Visual Studio 2015
    • Friday 12:30am: 756 - Getting Great Performance Out of Cordova Apps on iOS, Android and Windows
    • Come find me at the Languages booth!
    • Learn More
  24. Thank you!Questions? Feedback?phuff@microsoft.com…Also, please fill out an evaluation.

    Slide 24 - Thank you!Questions? Feedback?phuff@microsoft.com…Also, please fill out an evaluation.