27
Build Your First Mobile App Using Telerik Platform Jeffrey T. Fritz -- @csharpfritz AND

Build Your First iPhone or Android App with Telerik AppBuilder

Embed Size (px)

DESCRIPTION

Jeff Fritz shows you what you need to know to get started with Telerik AppBuilder to build your first iPhone and Android app. No knowledge of mobile development is needed, and Jeff shows what you need to get started

Citation preview

Page 1: Build Your First iPhone or Android App with Telerik AppBuilder

Build Your First Mobile App Using Telerik Platform

Jeffrey T. Fritz -- @csharpfritz

AND

Page 2: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 3: Build Your First iPhone or Android App with Telerik AppBuilder

Everything you need to build applications for any screen

Page 4: Build Your First iPhone or Android App with Telerik AppBuilder

First, a look at the mobile landscape.

Page 5: Build Your First iPhone or Android App with Telerik AppBuilder
Page 6: Build Your First iPhone or Android App with Telerik AppBuilder
Page 7: Build Your First iPhone or Android App with Telerik AppBuilder

Eclipse

Java

Mac OS X Windows

Visual Studio

XAML, C#

Xcode

Objective-C

Platform complexity

WWW

Multiple

HTML, CSS, JS

Multiple

Page 8: Build Your First iPhone or Android App with Telerik AppBuilder

Mobile Options

NativeMobile Web

“Hybrid” Mobile

Page 9: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 10: Build Your First iPhone or Android App with Telerik AppBuilder

http://wiki.developerforce.com

Page 11: Build Your First iPhone or Android App with Telerik AppBuilder

“Developers most often use several cross-platform tools; on

average CPT developers will use 1.91 CPTs….”

– VisionMobile Developer Economics 2013 Report

Page 12: Build Your First iPhone or Android App with Telerik AppBuilder

“Moreover, we found that one in four developers

will use more than three cross- platform tools.”

– VisionMobile Developer Economics 2013 Report

Page 13: Build Your First iPhone or Android App with Telerik AppBuilder

We can do better than this.

Page 14: Build Your First iPhone or Android App with Telerik AppBuilder

Our solution || hybrid mobile development in the cloud

Page 15: Build Your First iPhone or Android App with Telerik AppBuilder

Telerik AppBuilder

•Leverages PhoneGap/Cordova

•HTML + JavaScript + CSS

•Access to Native APIs

•Runs in native application container

Page 16: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 17: Build Your First iPhone or Android App with Telerik AppBuilder

<…>

<…> PC

MAC

SDKsCompilersEtc.

In other words – we change this:

Page 18: Build Your First iPhone or Android App with Telerik AppBuilder

<…>

Into this:

NEW!

Page 19: Build Your First iPhone or Android App with Telerik AppBuilder

IDEs

• In-Browser Client (part of the Telerik Platform)• Windows Client• Visual Studio Extension (2010->2013)

Page 20: Build Your First iPhone or Android App with Telerik AppBuilder

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)

Page 21: Build Your First iPhone or Android App with Telerik AppBuilder

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)

Page 22: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 23: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 24: Build Your First iPhone or Android App with Telerik AppBuilder

Publish straight to Apple & Google app

stores

(You don’t need a Mac)

Page 25: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 26: Build Your First iPhone or Android App with Telerik AppBuilder

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

Page 27: Build Your First iPhone or Android App with Telerik AppBuilder

Contact me…

[email protected]• www.csharpfritz.com• blogs.Telerik.com/jefffritz• www.twitter.com/csharpfritz