Telerik AppBuilder

Jen Looper, Developer Advocate, Telerik

@jenlooper

Telerik AppBuilder

Let's get going ... You're going to love this!

So, you want to build a mobile app?

See the problem?

Stop the madness!

There is a better way

You need Cross-Platform!

Use your Web skills

Build Hybrid Cross-Platform mobile apps!

Why you'll love Hybrid

• True single Codebase for all platforms

• Ease of HTM5/CSS/JavaScript

• Access to Native APIs

• App Store presence & monetization

• Users cannot tell the difference

Introducing

Part of the Telerik Platform

AppBuilder under the Covers

Uses Apache Cordova

JavaScript proxies to Native APIs 

AppBuilder

Hybrid Mobile Development, simplified!

1. Developer Freedom

2. End-to-End Tooling

3. All needed Services

Let's build an App

Where to begin?

Head over to

https://platform.telerik.com

And sign in

Get set up

"Apps" - Placeholder for AppBuilder projects

Create a new app!

Start

Create a blank app

Create a hybrid project

Set your project's layout

Presenting: your Mobile dev kit

In a Browser!

AppBuilder In-browser Client

• Solution Explorer

• Device-specific WYSIWIG panel

• Markup/JS Editor with syntax highlighting

• File Manager & Output window

• Build/Deploy/Publish options

Seeing is believing

Project looks good

But where can we run our app?

Boom ... cross-platform simulator

In your Browser!

Just pick your platform

And fire away!

Simulator flexibility

You can switch up OS versions

And simulate GeoLocation & Network strength

Other platforms?

Sure, works the same in Android & Windows Phone

But simulators go only so far

I want my app to run on a real device ...

Let's fire up a Build

You can build App Packages for each platform

Or, build for the AppBuilder Companion App!

AppBuilder Companion App

Think of it as a shell that runs your Hybrid app

Available in iOS, Android & Windows Phone Stores

Pick what you need

Companion App benefits

Allows for provision-less app deployment

To real devices!

Did we mention ...

You don't need a Mac to build iOS apps!

Deployment

Simple ... just scan the QR Code

Works the same way in iOS, Android & Windows Phone!

LiveSync

Once deployed, no need for full builds

Simply save your changes in the AppBuilder project

Works on simulators & real devices!

More AppBuilder features

Publish!

Publish to iOS, Android & Windows Phone Stores

Straight from AppBuilder!

Of course, needs provisioning or certificates & so on ...

Project Templates that help

Adaptive Rendering

Thanks to Open-Source Kendo UI Mobile framework

Plug & Play

Package Managers to add functionality and third-party frameworks

Collaborate

Hook up your AppBuilder project to a repo

Work in teams - always stay in sync!

Search & Pull in Plugins

From right inside your project ...

Plugins to Native APIs

Use Telerik verified Cordova Plugins 

One more thing

You can do all this from

AppBuilder Command Line Interface!

Works on both OSX & Windows

Simulate

Native simulators for iOS, Android & Windows Phone

$ appbuilder simulate

Install & Create

Same Project structures - All templates supported!

$ sudo npm install -g appbuilder
$ appbuilder create hybrid MyHybridApp

Build

Companion or Native App Packages

QR Code Deployment!

$ appbuilder build ios –companion
$ appbuilder build android --companion
$ appbuilder build wp8 --companion

And, one more thing

We love Sublime Text as much as you do!

Build & Deploy

One last thing ..

You know that IDE that developers LOVE?

Yup, Visual Studio

Yeah, you can do everything in Visual Studio!

AppBuilder VS Extension

Same project templates 

Build X-Plat Mobile apps

Never having to leave Visual Studio!

We promised Developer freedom!

We delivered

It's okay ...

We're just as excited!

X-Plat Mobile Developers Rock

Now, go build your dream

We're right here to support you!

Telerik Developer Relations Team

@jenlooper @Telerik @TelerikDevRel