Build Your First iPhone or Android App with Telerik AppBuilder
Download as PPTX, PDF2 likes2,847 views
This document introduces Telerik Platform, which allows developers to build hybrid mobile applications using HTML, CSS, and JavaScript that run as native apps. It provides tools like AppBuilder, a cloud-based IDE, compiler, and simulator/debugger. Apps can be deployed to iOS and Android through QR codes or app stores. Additional Telerik services like Kendo UI, Backend Services, and Analytics can enhance apps. Developers are encouraged to sign up for a Platform account and try the tools through various SDKs and extensions.
Build Your First iPhone or Android App with Telerik AppBuilder
- 1. Build Your First Mobile App Using Telerik Platform Jeffrey T. Fritz -- @csharpfritz AND
- 2. Now Presenting – Jeffrey T. Fritz • Telerik Developer Advocate – ASP.NET • Microsoft MVP – ASP.NET / IIS • ASPInsider • Pluralsight Author • INETA Community Champion • Speaker at many user groups and conferences such as: – Tech Ed North America – DevIntersection – FalafelCon – Code Camp NYC, Philly Code Camp, Orlando Code Camp, CodeStock • Appears on podcasts: – .NET Rocks, The Tablet Show, Yet Another Podcast
- 3. Everything you need to build applications for any screen
- 4. First, a look at the mobile landscape.
- 7. Eclipse Java Mac OS X Windows Visual Studio XAML, C# Xcode Objective-C Platform complexity WWW Multiple HTML, CSS, JS Multiple
- 9. Native Single platform Objective C, Java, C# High Dev. Cost Native APIs Advanced graphics App Store Distribution Hybrid Multiple platforms HTML, JS, CSS Reasonable Dev. Cost Native APIs* Moderate graphics App Store Distribution Mobile Web Multiple platforms HTML, JS, CSS Reasonable Dev. Cost Limited APIs Limited graphics Web Distribution
- 11. “Developers most often use several cross-platform tools; on average CPT developers will use 1.91 CPTs….” – VisionMobile Developer Economics 2013 Report
- 12. “Moreover, we found that one in four developers will use more than three cross- platform tools.” – VisionMobile Developer Economics 2013 Report
- 13. We can do better than this.
- 14. Our solution || hybrid mobile development in the cloud
- 15. Telerik AppBuilder •Leverages PhoneGap/Cordova •HTML + JavaScript + CSS •Access to Native APIs •Runs in native application container
- 16. Compiler as a Service • Normally – you have to manage SDKs, native container and web assets & building • We build it for you & give you an installer for your target(s) • You just focus on writing HTML, JavaScript & CSS
- 17. <…> <…> PC MAC SDKs Compilers Etc. In other words – we change this:
- 18. <…> Into this:
- 19. IDEs • In-Browser Client (part of the Telerik Platform) • Windows Client • Visual Studio Extension (2010->2013)
- 20. Telerik Platform In-Browser Client for AppBuilder • Runs in all major browsers • Common IDE features – Intellisense – Code completion – Syntax highlighting • Connects to any accessible git repository • Has an in-browser PhoneGap/Cordova emulator (for testing)
- 21. Visual Studio Extension • Enables you to write hybrid mobile apps using VS 2010- 2013 • You control version control (& other development tool-chain options) • Uploads code to AppBuilder’s build services (you get an installer back)
- 22. Simulator & Debugging • Platform Client • Uses browser tools • PhoneGap emulator • Windows Client/Visual Studio • Uses WebKit-based simulator • Powerful debugging & profiling tools All three IDE options come with a Simulator
- 23. Deploy wirelessly to any device QR Code Deployment • Companion App - provision-less deployment to iOS • Deploy to Android and provisioned iOS via QR Code also
- 24. Publish straight to Apple & Google app stores (You don’t need a Mac)
- 25. Making Mobile Apps Even Better • Kendo UI Mobile – Included with AppBuilder! – Native theming possible – Great performance – UI Widgets + App Framework • Telerik Backend Services – “Backend-as-a-Service” – JavaScript, .NET, iOS and HTTP client APIs • Telerik Analytics – App analytics – Monitor performance and feature usage
- 26. Get Started Today! • Go to http://platform.telerik.com to sign up • Download SDKs from the Platform website for – .NET – JavaScript • In Visual Studio – Tools – Extensions and Updates – Search for Telerik AppBuilder • On your iPhone or iPad – Add the Telerik AppBuilder App – Download from: – http://bit.ly/iOSAppBuilder http://bit.ly/iOSAppBuilder
- 27. Contact me… • [email protected] • www.csharpfritz.com • blogs.Telerik.com/jefffritz • www.twitter.com/csharpfritz