Windows phone 8 app using Kendo UI

May 24, 2013Download as PPTX, PDF0 likes4,278 views

This document outlines a presentation on developing Windows Phone 8 apps using Kendo UI Mobile. The agenda includes discussing what hybrid apps are, an introduction to Kendo UI Mobile, app architecture, and a demo. The presenter is then introduced. Key points covered include the benefits of hybrid apps, the hybrid app development process using Kendo UI Mobile, and a step-by-step demo of creating a sample app with Kendo UI Mobile. Resources for further information are also provided at the end.

facebook.com/telerik @telerik
Developing Windows Phone 8
Apps using Kendo UI Mobile

Agenda
What is Hybrid Application
Introducing Kendo UI Mobile
Discussion on App Architecture
Demo
Question and Answer

 Dhananjay Kumar
– Customer Advocate, Telerik
– Microsoft MVP
– Mindcracker MVP
– @debug_mode
– http://debugmode.net
– http://telerikhelper.net
– Dhananjay.kumar@telerik.com
Your Presenter

Resources
Two of you have chance to win Ninja T-Shirt
http://telerikhelper.net
http://www.kendoui.com

facebook.com/telerik @telerik
App Architecture
Database
Service
layer
Develop using Kendo UI Mobile

Different Types of Apps
Apps for
Devices
Native
Apps
Mobile
Web Apps
Hybrid
Apps

facebook.com/telerik @telerik
Why Hybrid Apps?
• Objective C
• MAC
iOS
• Java
• Eclipse
Android
• Visual Studio
• C#/XAML
Windows
Phone
100
LOC
100
LOC
100
LOC
300
LOC
Development
Maintenance

facebook.com/telerik @telerik
Hybrid App
Development
CSS
JAVASCRIPT
HTML
Deploy using
Cordova
iOS Android
Windows
Phone
Various Platforms

Hybrid or Native?
Hybrid
Multiple Platform
Easy to build
Use existing web
development skills
Best suited for Data
Driven Applications
Native
Fast Performance
Complex Codes
Huge learning curve
High investment but
better performance

Steps for Hybrid App Development
Step 1: Create App using HTML
JavaScript , CSS
Step 2: Build and Package the
App using PhoneGap or Coredova
Step 3: Submit the package to
Windows Marketplace

How it works ?
It runs in Web View Control
UIWebView : ios, WebView : Android
Runs in full screen mode using Web
Kit browsers
Access Device capabilities using
Cordova JS API

What is Kendo UI
Kendo Framework Elements
Kendo UI
Web
Kendo UI
DataViz
Kendo UI
Mobile

 HTML5 powered native mobile UI that automatically adapts to
different devices
Built using Kendo UI Mobile ?

Kendo UI Framework
DataSource Model Template MVVM
Drag OvservableObject Node Template
OvservableArray Validator
Draggable

Kendo UI Mobile Widgets
ActionSheet BackButton Button ButtonGroup DetailButton
Layout ListView Loader ModalView NavBar
Pane PopOver Scroller ScrollView SplitView
Switch Swipe TabStrip View

facebook.com/telerik @telerik
Demo App Architecture
Database
Service
layer

facebook.com/telerik @telerik
Step1 : Add Reference

facebook.com/telerik @telerik
Step 2 : Create layout

facebook.com/telerik @telerik
Step 3: Initialize Kendo Mobile

facebook.com/telerik @telerik
Step 4: Create Views

facebook.com/telerik @telerik
Step 5: Create Data Source

facebook.com/telerik @telerik
Step 6: Create Template

facebook.com/telerik @telerik
Step 7: Create ListView

facebook.com/telerik @telerik
Step 8: Put style in CSS

facebook.com/telerik @telerik
Step 9: Data Source for Movie Detail View

facebook.com/telerik @telerik
Step 10: Template for Movie Detail View

facebook.com/telerik @telerik
Step 11: View for Movie Detail View

facebook.com/telerik @telerik
Application

Resources
http://icenium.com
http://www.kendoui.com
http://docs.kendoui.com
http://docs.icenium.com
http://telerikhelper.net
@Telerik
@kendoui
@icenium

This document provides an agenda for a presentation on Knockout.js and KendoUI. It will cover getting started with MVVM, setting up a development environment, creating a basic app with jQuery, converting the app to use MVVM with Knockout.js, introducing Knockout.js bindings and concepts, new features in KendoUI, using MVVM in KendoUI, and integrating KendoUI widgets like grids and autocomplete with Knockout.js. The presenter is then introduced. The rest of the document provides overviews of Knockout.js, MVVM, and KendoUI frameworks and concepts. It concludes by inviting questions after code demos.

PPT from Webinar Create Hybrid Mobile Application in 1 hourDhananjay Kumar

Asp.net mvc - Better User Experience with Kendo UILohith Goudagere Nagaraj

The document introduces Kendo UI, a HTML5 and JavaScript framework that provides widgets, data binding, MVVM capabilities and wrappers for ASP.NET MVC to help build dynamic web and mobile applications. It discusses the components of Kendo UI including widgets, data source, templates and themes. The document also demonstrates how to use Kendo UI widgets by initializing them with JavaScript and handling events.

Building android and i os apps with visual studioLohith Goudagere Nagaraj

Create Hybrid Mobile Application with Icenium and Kendo UI Mobile Dhananjay Kumar

This document discusses how to create hybrid mobile applications using Icenium and Kendo UI Mobile. It begins with an agenda and introduction of the presenter. It then covers the basics of hybrid apps, introducing Icenium as a cloud-based IDE and Kendo UI Mobile for building cross-platform UIs. The document demonstrates an example app architecture and shows the steps to develop a hybrid app. It highlights features of Icenium and widgets in Kendo UI Mobile before concluding with a demo and Q&A section.

Rad controlforwindows25thaprilDhananjay Kumar

This document provides an agenda for a presentation on RadControls for Windows 8. The presentation will introduce RadControls, demonstrate various controls, provide a deep dive on the RadDataGrid control, and allow for questions. RadControls can help developers create Windows 8 apps faster, shorten development time, quickly bring apps to market, improve app rankings, make apps more immersive, and better monetize apps. Both HTML and XAML-based controls will be demonstrated.

Whats New in Visual Studio 2013Lohith Goudagere Nagaraj

NodejsvsDhananjay Kumar

This document discusses developing Node.js applications in Visual Studio. It includes an agenda that covers creating an HTTP server demo, understanding the Node.js event loop and callbacks, creating echo and file upload server demos, adding routers using Crossroads, and building a REST API with Express. The presenter is then introduced as a Telerik evangelist and Microsoft MVP. Key aspects of Node.js like being asynchronous, event-driven, and single-threaded are also highlighted. Code examples are provided and explained to demonstrate core Node.js concepts like servers, streams, and routing.

Best mobile app development frameworkSatawareTechnologies

Flutter single codebase to build your dream application for i os and android Concetto Labs

Netflix hybrid mobile app using kendo ui mobileDhananjay Kumar

Cross Platform Mobile Development with XamarinJoe Koletar

This document discusses cross-platform mobile development using Xamarin, which allows developers to write C# code and build native iOS and Android apps from a single codebase. It covers the tradeoffs of different cross-platform strategies and demonstrates Xamarin's approach of compiling C# code into native mobile apps. The presentation includes demos of building "Hello World" apps and a task management app in both Android and iOS with Xamarin.

Flutter 2.2 version | skywave info solutionsSkywave Info Solutions

WordPress Edmonton - Visual ComposerKihya McComb

Visual Composer is a WordPress plugin that allows users to build responsive websites without coding knowledge. It has over 1.5 million downloads and is the #1 WordPress page builder. Key features include a drag and drop front-end and back-end builder with 40+ elements and 60+ layouts. It is compatible with any WordPress theme and integrates with plugins like Yoast SEO and WooCommerce. Over 200 add-ons are available to extend its capabilities.

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.

6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021Claritus Consulting

Here are the Most Useful Tools for Mobile App DevelopmentIndianAppDevelopers

Mobile application developmentumesh patil

This document provides an overview of mobile application development for Android. It discusses the Android platform architecture and application framework. The key application building blocks in Android like activities, intents, services and content providers are explained. It also describes the development tools and steps to create a simple "Hello World" application in Android. These include setting up the Android SDK, creating a new project in Eclipse, designing the UI layout and adding code to the activity. The document emphasizes that Android provides APIs for common tasks and uses the Java programming language for application development.

What To Choose Between - Native App And Hybrid Mobile AppMindbowser Inc

The most popular mobile development platforms are iOS and Android. Most applications developed are for either or both of these platforms. The most crucial issue that companies have to go through with during app development is whether they should build a Native app or a Hybrid app. If you do not know the difference between the two, there is no need to worry. Here is everything you need to know about native apps and hybrid apps. Read on to know more at https://success.mindbowser.com/native-app-vs-hybrid-app

Angular 5,6,7snehalkamble29

This document provides information about Angular JS training courses offered by a training institute in Pune, India. It discusses the features of Angular JS, including two-way data binding, templates, MVC architecture, and directives. The advantages are listed as being built by Google, having a great MVC structure, and being intuitive. Disadvantages include potential confusion, lagging UI with many watchers, and possible name clashes. Benefits are listed as better plug-and-play components, faster application development, and handling of dependencies. Contact information is provided at the end.

Crossplatform MobiledevelopmentRamkumar R

Cross-platform mobile application development allows developers to write code once that can target multiple operating systems. It utilizes standard web technologies and open source mobile platforms to create apps that can run on iOS, Android, and other systems. Popular cross-platform tools include PhoneGap, Titanium, jQuery Mobile, and Sencha Touch, which allow developers to build mobile apps using web technologies like HTML, CSS, and JavaScript that can be deployed across platforms. Companies can hire cross-platform mobile developers to create customized apps that leverage these tools and frameworks.

AngularJS : Superheroic Javascript MVW FrameworkEdureka!

AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.

Top five reasons you should prefer flutter app developmentSolution Analysts

Phonegap androidumesh patil

PhoneGap is an open source framework that allows developers to create mobile apps using standardized web technologies like HTML, CSS, and JavaScript. It works by including web code in a native mobile project, and using Apache Cordova to expose native device APIs to the web code through JavaScript. Cordova is the underlying platform that PhoneGap is built on top of, providing access to device functionality through JavaScript APIs. PhoneGap supports creating apps for many mobile platforms from a single codebase.

Developing and Designing Native Mobile Apps in Xamarin StudioXamarin

With an inspired development environment comprised of powerful code completion, support for TestFlight and a dynamic, modern debugger, Xamarin Studio allows developers to build better apps for iOS, Android and Mac. Join Xamarin Developer Evangelist Mike Bluestein as he gives a demo and in-depth look at some of our favorite Xamarin Studio features, including full support for NuGet packages, extensive documentation for the .NET Base Class Libraries (BCL), F# support, and the ability to build native user interfaces with our iOS and Android designers.

Flutter single codebase to build your dream application for i os and android Heli Thakkar

Flash Builder for PHP and Mobile developmentMihai Corlan

This document discusses using Flash Builder/Flex with PHP on mobile devices. It introduces Kent Mitchell and Mihai Corlan who will discuss using Data Centric Development wizards in Flash Builder to consume PHP services. They will demonstrate testing a mobile Flex and PHP app on desktop and device, debugging on device, and using the Network Monitor. The document also provides an overview of creating a new Flex Mobile and PHP project with an integrated wizard, connecting to various PHP services, and enabling debugging when running the app on an actual device connected to the same WiFi network as the development computer.

Developing with Google Glass and XamarinXamarin

Developing for Google Glass discusses building apps for Google Glass using Xamarin and the Glass Development Kit (GDK). It introduces the different states Glass can be in (active, inactive, off) and demonstrates how to build a sample Foursquare app and a public transit app for Glass in C#. Reasons given for developing for Glass include that it allows for new types of apps due to its wearable form factor, can be used for advertising in novel ways, and Glass is currently a popular technology topic.

Presentaciónikebukoro

El kendō es un arte marcial japonés moderno o gendai budō que utiliza shinais (espadas de bambú) para el entrenamiento. Se practica tanto como un deporte competitivo (shiai) como para el desarrollo personal a través de katas y valores como el autocontrol y el respeto. Los practicantes (kendoka) usan armadura (bōgu) y siguen un sistema de grados (kyu-dan) para medir su progreso en esta disciplina que busca ser más que un arte marcial o un deporte.

Telerik Kendo UI OverviewEd Musters

Kendo UI is a JavaScript framework that provides 70+ UI widgets, charts, and mobile app tools. It includes everything needed for web and mobile development, such as an application framework, data visualization, and Angular integration. Developers can build responsive web and hybrid mobile apps using the same codebase. Key features include MVVM bindings, templates, and a data source for easy data handling. The framework is free and open source, with commercial offerings for additional widgets and server-side wrappers.

More Related Content

What's hot (20)

Best mobile app development frameworkSatawareTechnologies

Flutter single codebase to build your dream application for i os and android Concetto Labs

Netflix hybrid mobile app using kendo ui mobileDhananjay Kumar

Cross Platform Mobile Development with XamarinJoe Koletar

Flutter 2.2 version | skywave info solutionsSkywave Info Solutions

WordPress Edmonton - Visual ComposerKihya McComb

XamarinSoftware Infrastructure

6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021Claritus Consulting

Here are the Most Useful Tools for Mobile App DevelopmentIndianAppDevelopers

Mobile application developmentumesh patil

What To Choose Between - Native App And Hybrid Mobile AppMindbowser Inc

Angular 5,6,7snehalkamble29

Crossplatform MobiledevelopmentRamkumar R

AngularJS : Superheroic Javascript MVW FrameworkEdureka!

Top five reasons you should prefer flutter app developmentSolution Analysts

Phonegap androidumesh patil

Developing and Designing Native Mobile Apps in Xamarin StudioXamarin

Flutter single codebase to build your dream application for i os and android Heli Thakkar

Flash Builder for PHP and Mobile developmentMihai Corlan

Developing with Google Glass and XamarinXamarin

Best mobile app development frameworkSatawareTechnologies

Flutter single codebase to build your dream application for i os and android Concetto Labs

Netflix hybrid mobile app using kendo ui mobileDhananjay Kumar

Cross Platform Mobile Development with XamarinJoe Koletar

Flutter 2.2 version | skywave info solutionsSkywave Info Solutions

WordPress Edmonton - Visual ComposerKihya McComb

XamarinSoftware Infrastructure

6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021Claritus Consulting

Here are the Most Useful Tools for Mobile App DevelopmentIndianAppDevelopers

Mobile application developmentumesh patil

What To Choose Between - Native App And Hybrid Mobile AppMindbowser Inc

Angular 5,6,7snehalkamble29

Crossplatform MobiledevelopmentRamkumar R

AngularJS : Superheroic Javascript MVW FrameworkEdureka!

Top five reasons you should prefer flutter app developmentSolution Analysts

Phonegap androidumesh patil

Developing and Designing Native Mobile Apps in Xamarin StudioXamarin

Flutter single codebase to build your dream application for i os and android Heli Thakkar

Flash Builder for PHP and Mobile developmentMihai Corlan

Developing with Google Glass and XamarinXamarin

Viewers also liked (16)

Presentaciónikebukoro

Telerik Kendo UI OverviewEd Musters

Kendo UI - Potencia tu WebDavid Gonzalo

AngularJS and Kendo UI - Jesse Liberty | FalafelCON 2014FalafelSoftware

ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp

Browser toolsRoger Pence

The document discusses debugging JavaScript and CSS in browser developer tools. It explains that Chrome, Firefox, and Internet Explorer all provide built-in developer tools that can be accessed with keyboard shortcuts or from the browser menu. It recommends using Firefox and Chrome's additional plugins like Firebug and Web Developer to augment the debugging experience. Internet Explorer is considered the weakest of the three browsers for development.

Introduction to New Age Applications with Kendo UIAbhishek Kant

Kendo UISantana Santana

Kendo UI es una librería JavaScript para desarrollar interfaces de usuario enriquecidas para aplicaciones web y móviles. Incluye widgets UI, marco MVVM, plantillas y temas. Kendo UI Web proporciona 18 widgets para aplicaciones web, mientras que Kendo UI Móvil permite crear aplicaciones nativas para dispositivos móviles. El documento también muestra un ejemplo básico de cómo implementar un menú con Kendo UI Web.

Easy HTML5 Data Visualization with Kendo UI DataVizLohith Goudagere Nagaraj

This document discusses Kendo UI DataViz, an HTML5-based JavaScript framework for data visualization. It provides easy and effective ways to visualize data through charts, gauges and other graphical representations. The document outlines why visualization is important, how HTML5 technologies like SVG and Canvas can be used to create visualizations, and introduces various widgets in Kendo UI DataViz like charts and gauges. It also includes demonstrations of the framework in action.

Introducing Kendo UIJohn Bristowe

The document summarizes a presentation by John Bristowe on mastering web development with Kendo UI. The presentation introduces Kendo UI as a framework that provides UI widgets, data sources, templates and drag-and-drop capabilities for building rich HTML5 applications on desktop and mobile. It highlights features like auto-complete, charts, grids and its support for the latest standards and rapid evolution to help overcome issues with other frameworks.

MVVM & Validation with Kendo UILohith Goudagere Nagaraj

Kendo UI provides a single package solution for building web applications with JavaScript, HTML5 and CSS3. It includes UI widgets, frameworks, and tools for data binding, visualization and building mobile apps. Kendo UI uses the MVVM pattern to separate data models from views through ViewModels. It includes ObservableObject and ObservableArray classes to enable two-way data binding between UI elements and data. Validation capabilities are also provided to augment HTML5 form validation and make it work consistently across browsers.

Kendo UI presentation at JsConf.euAlexander Gyoshev

New Age Applications with Kendo UIAbhishek Kant

Achieve Responsive Web Applications With Ease Using Kendo UILohith Goudagere Nagaraj

Build HTML5 Sites/Apps with Kendo UI CoreLohith Goudagere Nagaraj

Kendo UI Core is an open source version of the Kendo UI library that includes core UI widgets, charts, and frameworks for building websites and mobile apps. It contains 24 widgets, core framework components, mobile widgets, and mobile features. Some key differences between Kendo UI Core and the commercial version are that Core has restrictive open source licensing and only includes major releases without commercial support. Kendo UI Core can be obtained from GitHub, NuGet, direct download, or a CDN and includes demo applications for the web framework, widgets, and mobile widgets.

Dunya folder2kurrtulus-nl

Presentaciónikebukoro

Telerik Kendo UI OverviewEd Musters

Kendo UI - Potencia tu WebDavid Gonzalo

AngularJS and Kendo UI - Jesse Liberty | FalafelCON 2014FalafelSoftware

ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp

Browser toolsRoger Pence

Introduction to New Age Applications with Kendo UIAbhishek Kant

Kendo UISantana Santana

Easy HTML5 Data Visualization with Kendo UI DataVizLohith Goudagere Nagaraj

Introducing Kendo UIJohn Bristowe

MVVM & Validation with Kendo UILohith Goudagere Nagaraj

Kendo UI presentation at JsConf.euAlexander Gyoshev

New Age Applications with Kendo UIAbhishek Kant

Achieve Responsive Web Applications With Ease Using Kendo UILohith Goudagere Nagaraj

Build HTML5 Sites/Apps with Kendo UI CoreLohith Goudagere Nagaraj

Dunya folder2kurrtulus-nl

Similar to Windows phone 8 app using Kendo UI (20)

Hybrid mobile app with Kendo UI MobileDhananjay Kumar

This document discusses hybrid mobile applications and introduces Kendo UI Mobile. It defines a hybrid app as one with a single code base that can target multiple mobile platforms like iOS, Android and Windows. It explains the steps to develop a hybrid app using HTML, CSS, JavaScript and a framework like PhoneGap. Kendo UI Mobile is introduced as an HTML5-powered framework that allows building native-looking UIs and accessing device capabilities. The demo will show creating a TEARCH app and a Netflix movie browser using Kendo UI Mobile.

Hybrid mobile app with kendo ui mobileLohith Goudagere Nagaraj

This document discusses hybrid mobile application development and introduces Kendo UI Mobile. It defines a hybrid app as one that runs on a device but is written with web technologies. It leverages the device's browser engine. Kendo UI Mobile is introduced as an HTML5 framework that automatically adapts applications to different devices and platforms and allows building apps that are ready for app stores. The presenter demonstrates building a sample app with Kendo UI Mobile and takes questions at the end.

Kendo ui webLohith Goudagere Nagaraj

Lohith G N is a Developer Evangelist at Telerik India and a Microsoft MVP for ASP.NET/IIS. He leads the Bangalore Dot Net user group and his agenda includes introducing Kendo UI, discussing single page applications and hybrid apps, and building apps with Kendo UI. Kendo UI is a framework from Telerik that includes everything needed to build HTML5 and JavaScript sites and apps, including UI widgets, MVVM framework, data source, templates, and themes.

Use Your WebDev Skills to Create Mobile Apps in Telerik Appbuilder (Jonathan ...ITCamp

Are you a web developer that’s looking at becoming a mobile developer too? In this session, I’ll introduce you to mobile development using AppBuilder, Telerik’s cross-platform mobile development IDE. It helps you create real iOS and Android apps using familiar web development technologies like HTML5, CSS3, and JavaScript. We will discuss how to leverage your existing web-development skills, using the Windows and web-based IDEs, navigation, cloud services, phone features like the camera and GPS, testing, debugging, and deploying your apps to the app stores. Are you a web developer that’s looking at becoming a mobile developer too? In this session, I’ll introduce you to mobile development using AppBuilder, Telerik’s cross-platform mobile development IDE. It helps you create real iOS and Android apps using familiar web development technologies like HTML5, CSS3, and JavaScript. We will discuss how to leverage your existing web-development skills, using the Windows and web-based IDEs, navigation, cloud services, phone features like the camera and GPS, testing, debugging, and deploying your apps to the app stores.

The Great Mobile Debate: Native vs. Hybrid App DevelopmentNick Landry

It’s not easy being a mobile developer. iOS and Android dominate the market, Windows Phone is climbing into third place, and we’re not really sure if BlackBerry still matters. Do you focus on one platform or many? What size of the mobile population do you really want to reach? Each mobile platform comes with its own programming languages, SDKs, IDEs and application lifecycle & architecture. Are we really expected to learn all of this? Isn’t HTML5 supposed to be the Silver Bullet so we can finally write apps once and run them everywhere? This session will demystify all these questions, walking you through the modern mobile ecosystem, and explore your options as a developer. We’ll review the native story on each major platform, discuss the pros & cons of both mobile native and web development, cover some of the cross-platform solutions available to developers, and explore best practices and guidelines to insure a successful mobile strategy. Don’t just blindly pick a side or assume that “one size fits all”, this session covers one of the most hotly contested debates in modern IT. Come join us and be a part of the conversation.

Build once deploy everywhere using the telerik platformAspenware

The Telerik Platform is a suite of tools for developing, testing, deploying and analyzing hybrid mobile applications. Hybrid mobile applications are most commonly built using PhoneGap, which interprets HTML5/CSS3/JavaScript and compiles it into a package that can be delivered in the app stores. PhoneGap also utilizes Apache Cordova JavaScript APIs to access certain native mobile features of the device. The Telerik Platform uses AppBuilder to abstract the complexity of PhoneGap/Cordova and provides a more intuitive way to build hybrid mobile applications. If you are looking to expand your .NET and web based development skills into the mobile market this is the session for you. Lessons learned: -What a hybrid mobile apps can do -How Icenium helps build a hybrid mobile app -How you can leverage your current web knowledge and assets to create a mobile app

Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj

This document discusses building hybrid mobile applications using Telerik Kendo UI. It defines hybrid apps as those written with web technologies but run natively on devices by leveraging the device's browser engine. Hybrid apps allow targeting multiple mobile platforms while still accessing device capabilities. Telerik Kendo UI is an HTML5 framework for building such hybrid mobile apps using its widgets. Telerik AppBuilder is a hybrid mobile app IDE, and it also has a Visual Studio extension to facilitate hybrid app development. The document concludes with a demo of a media player hybrid mobile app.

IonicUmut IŞIK

This document discusses hybrid mobile application development using Ionic. It begins with an introduction to mobile application development and the advantages and disadvantages of native and hybrid apps. It then discusses what hybrid apps are, how they work by utilizing the mobile platform's WebView, and some popular hybrid app frameworks. The bulk of the document focuses on Ionic, explaining what it is, how to install and create an Ionic project, and how to run and build a sample Ionic app. The document provides an agenda and overview of the topics it will cover related to hybrid mobile development using Ionic.

Mobile Dev For Web DevsJustin James

Mobile application development does not need to be difficult for us Web Developers. No longer do we need to learn a whole slew of new programming languages to create a mobile application. We can use our existing skills and create mobile applications with Html, JavaScript, and CSS. Then deploy to Android and iOS devices using a single code base that looks, feels, and performs like a native mobile application. Apache Cordova enables the packaging of our web code into the mobile application that we will deploy to the App Stores but it does not include a UI framework. For the UI framework, we will be using Ionic framework. The Ionic framework takes the worry out of making the UI look, feel and perform correctly on the slew different Apple and Android devices that your users will have. It allows you to focus on your business logic and not the underlying infrastructure. Your time to market will be greatly reduced. In addition to the free, open-sourced framework, Ionic also has a slew of highly useful cloud based tools that you can pay for it you need them such as Push Notifications, User Authentication, Native Builds, and Live Updates. Push Notifications allows targeted pushes and custom scheduling to improve push notification engagements. User Authentication provides a single authentication solution with email & password authentication, as well as third-party providers like Facebook, Twitter, Google and more. Native Builds turns your code into the native app binaries for the Apple and Android with a single command. Finally, Live Updates gives you the ability to push updates and UI changes to your user immediately without going through the app stores. In this talk we will dive into what it takes to get started, look at the features of the Ionic framework and finish off by creating a sample application with the Ionic framework. You will walk away from this talk with all of the tools that you need to deliver your first mobile application

Building a Node.js Backend in the Cloud for Android AppsNick Landry

Nick Landry gave a presentation on building a Node.js mobile app backend in the cloud for Android apps. He discussed using Microsoft Azure for hosting backend services, connecting to databases in the cloud, and sending push notifications. He demonstrated creating a mobile backend using Azure Mobile Services and sending push notifications using Notification Hubs. The presentation provided an overview of cloud development options and resources for building mobile apps and backends using Microsoft technologies.

What is hybrid mobile app development? | Nitor InfotechservicesNitor

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry

The final demo for this presentation can be downloaded at: https://www.dropbox.com/s/9j09wip6wz84b61/JSDevConMobile-JQM-PhoneGap-Demo.zip SESSION ABSTRACT ================= Write Once, Run Everywhere. How many times have we been promised true cross-platform development? HTML5 seems to be the closest we’ve ever been to writing applications once and running them on multiple mobile devices, such as iOS, Android, Windows Phone or Blackberry. But native mobile apps have taken all the spotlight in recent years thanks to the introduction of hundreds of thousands of apps in various app stores from Apple, Google, Microsoft and BlackBerry. Apps offer a great native platform experience, but they can be expensive to build and require specific languages, SDKs and skill sets across multiple platforms. Mobile web sites offer a great way to engage with consumers and corporate workers alike without requiring the installation of any app, and can in turn be adapted as deployable "hybrid" apps. This session explores the fundamentals of native vs. web apps, and how to choose the right approach for any given scenario. We begin with an exploration of the benefits of web development for smartphones using the most popular HTML5 & JavaScript framework for mobile: jQuery Mobile (JQM). We’ll go over a quick primer on HTML5, CSS3 and JavaScript, followed by everything you need to get started with JQM. We’ll cover the most common development environment options, how to build your first jQuery Mobile page, and how to debug your mobile web code with some of the available tools. We’ll also discuss how to develop a native-like experience on each mobile platform thanks to JQM’s adaptive rendering, and how to save and retrieve data with the cloud using Microsoft Azure Mobile Services. We'll then learn how to leverage PhoneGap to wrap our mobile web UI into a native smartphone or tablet app. Discover how PhoneGap exposes native device hardware like cameras, sensors, GPS and more. We’ll also discuss the pros and cons of PhoneGap-based apps, how to deal with the UI design guidelines across platforms, and learn some do’s and don’ts of cross-platform mobile development. Native mobile apps have their place for mass market revenue-generating models, but you also need to master cross-platform techniques when the situation calls for it such as in enterprise mobility scenarios and other niche areas. Web development is a critical skill required by every mobile developer; come learn how to get started and reach hundreds of millions of users through a smart mobile web & hybrid approach.

ShankarShankar P

- The document provides details of an iOS developer with over 6 years of experience developing mobile applications using Objective-C and Swift. Frameworks used include iOS, UIKit and Core Location. - The developer has experience developing apps for companies like Ally Financial, Warner Bros and JCPenney, with responsibilities including requirements gathering, design, development, testing and maintenance using Xcode and adhering to development best practices and methodologies. - Key skills include iOS and Swift development, integrating with web services, APIs and third party libraries, debugging, performance optimization and ensuring accessibility and responsiveness across different devices.

Top mobile app development frameworks to consider in 2021Katy Slemon

Develop Hybrid Mobile Application with Azure Mobile Services and Telerik Plat...Abhishek Kant

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez

The document discusses building mobile web apps using ASP.NET MVC, HTML5, and jQuery Mobile. It introduces ASP.NET MVC and its design goals of embracing the web and being extensible. jQuery Mobile is presented as a touch-optimized web framework for developing mobile web apps that work across devices. The document demonstrates building a sample mobile web app with ASP.NET MVC and jQuery Mobile that reviews restaurants. It concludes that this is a flexible full-featured framework for mobile web development.

2011 08-24 mobile web appSholto Maud

This document discusses developing a mobile web application to access data from the Hydstra software database on web-enabled mobile phones. It compares the advantages and disadvantages of developing native applications versus a cross-platform web application. It recommends using the jQuery Mobile framework to build a cross-platform mobile web app that can be accessed on any mobile device with a web browser. The document also discusses tools for developing the app, such as Google Chrome and Eclipse, as well as hosting and administration requirements.

Build Your First iPhone or Android App with Telerik AppBuilderJeffrey T. Fritz

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.

Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles

What happens when you combine Google's AngularJS, the super cool JavaScript MVC Framework with Apache Cordova, the cross platform mobile framework using web technology? You get the Ionic Framework, the super sexy love child of two great frameworks. With Ionic you build mobile apps using the web technology you already know and love. Think the apps will be slow and clunky? Think again, Ionic comes out of the box with well design CSS3 classes to make beautiful and fluid apps. Using Cordova and jQuery Mobile already? Well, with Ionic you will learn to love mobile development again. No more write-only spaghetti code, Ionic makes it easy to create clean, testable, logical mobile apps. Need to support tablet and phone in the same app? Ionic has you covered. You can create one app which will use responsive design to change its look based on the device's screen dimensions. In this talk, I will show how easy it is to create a mobile with Ionic by building a simple but feature full app live. We will start at the command line, with one command, Ionic creates the skeleton of our app. Then using a text editor and the Chrome browser we begin building out our app. We can get it all up and running without the need for a mobile device. We will use live reload so we see our changes as soon as we make them. Once we finish, a few commands deploys our app to a simulated device. Want to get started but heard what a pain it is to install a mobile development environment? Never fear, the Vagrant Ionic Box provides a complete Android development in a virtual environment for Windows, Mac OS X, and Linux. You will be up and coding in no time.

Mobile Development PlatformsAndri Yadi

Hybrid mobile app with Kendo UI MobileDhananjay Kumar

Hybrid mobile app with kendo ui mobileLohith Goudagere Nagaraj

Kendo ui webLohith Goudagere Nagaraj

Use Your WebDev Skills to Create Mobile Apps in Telerik Appbuilder (Jonathan ...ITCamp

The Great Mobile Debate: Native vs. Hybrid App DevelopmentNick Landry

Build once deploy everywhere using the telerik platformAspenware

Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj

IonicUmut IŞIK

Mobile Dev For Web DevsJustin James

Building a Node.js Backend in the Cloud for Android AppsNick Landry

What is hybrid mobile app development? | Nitor InfotechservicesNitor

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry

ShankarShankar P

Top mobile app development frameworks to consider in 2021Katy Slemon

Develop Hybrid Mobile Application with Azure Mobile Services and Telerik Plat...Abhishek Kant

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez

2011 08-24 mobile web appSholto Maud

Build Your First iPhone or Android App with Telerik AppBuilderJeffrey T. Fritz

Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles

Mobile Development PlatformsAndri Yadi

More from Dhananjay Kumar (20)

Node.jsDhananjay Kumar

This document discusses developing for Node.js and includes an agenda covering creating an HTTP server, understanding the event loop and callbacks, creating echo and file upload servers, adding routers using Crossroads, and building a REST API with Express. It also introduces the presenter, Dhananjay Kumar, and provides overviews of Node.js as an asynchronous event-driven JavaScript runtime and how Node works using a single thread and non-blocking I/O. Code demos are included for core Node.js concepts.

No SQL with Kendo UI Dhananjay Kumar

The document discusses a presentation on using NoSQL databases like CouchDB and Everlive with KendoUI. It includes an agenda with topics on why NoSQL, introductions to CouchDB and Everlive, and using them with KendoUI. The presenter is then introduced along with information on Everlive using MongoDB and its REST API and JavaScript library. The document also briefly summarizes the KendoUI data model and data source and their methods and events.

Patterns in JavaScriptDhananjay Kumar

Presenter deck icenium holDhananjay Kumar

This document discusses various patterns in JavaScript for creating and working with objects. It begins with an overview of creating objects using literals, the new operator, and Object.create(). It then covers functions, including anonymous functions, nested functions, and passing variables in functions. Invocation patterns like function, method, constructor, and indirect invocation are explained. The revealing prototype and revealing module patterns are introduced as ways to structure JavaScript code. The presenter's contact information is provided at the end.

BringbestoinyouDhananjay Kumar

The document discusses famous figures who faced challenges and failures early in their careers but later achieved great success, including Winston Churchill, Thomas Edison, Charlie Chaplin, Soichiro Honda, Walt Disney, Albert Einstein, J.K. Rowling, and Oprah Winfrey. It emphasizes that perception defines you and encourages the reader to wake up early, take care of their health, work hard, and believe in themselves in order to achieve their best.

Java scriptDhananjay Kumar

Functions in JavaScript can be named or anonymous. Nested functions can access variables of parent functions but not vice versa. Functions can be stored in variables, passed as parameters, and used in expressions. Functions are passed by value, except for objects which are passed by reference. Functions can be invoked as functions, methods, or constructors and indirectly through call and apply. Optional parameters should be passed last and can be handled with undefined checks. Functions create local scopes for variables except global variables. Functions can be used to organize code into namespaces. Higher order functions take and return other functions.

Windows azure mobile serviceDhananjay Kumar

This document discusses the functionalities needed for an enterprise app including working with large files, backend data, CRUD operations, users, roles, authentication, authorization, and different notification types. It states that all of these need to be provided through a service layer. It then provides examples of backend as a service platforms like Windows Azure Mobile Services and Icenium Everlive that can provide these features as a service.

Test studiowebinaraugcodedstepDhananjay Kumar

This document discusses integrating coded steps in functional tests using Telerik Test Studio. It begins with an agenda that includes getting started with test automation, recording and executing a test, why coded steps are needed, and a demo of coded steps with MS Test, databases, and file systems. Reasons for using coded steps include automating complex verifications, writing cleanup steps, setting up test environments, handling multiple data sources, and more. The presenter then demonstrates coded steps and discusses Telerik Test Studio pricing and resources.

Functions and Objects in JavaScript Dhananjay Kumar

Cloud Based Enterprise Apps using EverliveDhananjay Kumar

This document discusses using cloud-based enterprise apps with Icenium Everlive. It covers what enterprise apps need, such as working with large files, backend data, CRUD operations, users, roles, authentication, authorization, and notifications. It introduces Icenium Everlive as a backend as a service that provides these features. The document demonstrates consuming Everlive services in different clients like .NET SDK, JavaScript SDK, Windows Phone 8 SDK, and via REST API. It provides an agenda for a portal walkthrough and demo of Everlive.

A Look into Automated Web UI TestDhananjay Kumar

This document discusses the challenges of automating web UI tests and introduces Test Studio as a tool to help address those challenges. Some challenges of automating web tests include cross-browser testing, handling JavaScript events, automating CSS and AJAX, and interacting with the operating system. Test Studio is a standalone solution with a UI tailored for quality assurance teams that allows for simplified test management, results tracking, and collaboration between QA and development teams.

Cross platformmobileappDhananjay Kumar

This document discusses creating cross-platform mobile applications with data stored in the cloud. It introduces hybrid mobile apps, which combine native and web technologies. It describes using HTML, CSS, and JavaScript with a framework like PhoneGap to build the app, then packaging and distributing it through app stores. It also discusses storing data in cloud services and consuming that data through a service layer in the mobile app. The document demonstrates creating an OData service hosted on SQL Azure and consuming it in a Kendo UI mobile app to display data from the cloud.

Windows aazuremobileservicesDhananjay Kumar

ZUMO is Microsoft's backend platform that allows developers to easily add features like user authentication, data storage, push notifications, and more to mobile apps. It provides a fully managed backend hosted on Windows Azure that can handle common tasks like storing and syncing data across different platforms. The presenter will discuss how ZUMO can be used to add capabilities like user authentication, working with files, and sending push notifications to mobile apps developed for various platforms.

Data asserviceDhananjay Kumar

This document discusses OData and WCF Data Services. It provides an overview of OData including that it uses HTTP, ATOM/JSON formats, and URIs for resource identification. It also summarizes WCF Data Services, stating that it exposes CRUD operations as REST services using OData and allows creating flexible data services for the web. The document includes code examples for creating, retrieving, updating, and deleting data using WCF Data Services.

WCF for begineersDhananjay Kumar

This document provides an overview of Windows Communication Foundation (WCF) and how to get started developing connected applications using WCF. It discusses key WCF concepts like endpoints, addresses, bindings, and contracts. Endpoints define the location and communication details of a service. The address specifies where the service is located, the binding defines how the service communicates, and contracts establish what operations the service provides. The document provides examples of configuring these items both declaratively in code and in configuration files. It also discusses creating multiple endpoints to expose a service to different clients.

Windows storemindcrcaker23rdmarchDhananjay Kumar

This document tells the story of DJ, a developer who is tasked by his boss to convert a web application into a Windows Store app. DJ does not know how to develop for Windows 8 initially but learns that he can use his existing web development skills and that Windows 8 apps can be created using HTML, JavaScript, and other web technologies. With this knowledge, DJ is able to complete the conversion. His boss is impressed but then asks DJ to create a hybrid app, which causes DJ to run away, as he has reunited with his girlfriend.

Test studio webinar march 2013Dhananjay Kumar

This document tells the story of a manual tester named John and how he was able to improve his testing workflow and satisfy his demanding boss's requests using Test Studio automated testing software. Test Studio allowed John to record tests, perform data-driven and cross-browser testing, submit bug reports, and create documentation without writing any code. The document concludes by noting that Test Studio is affordable, costing $2,499 per node with perpetual licensing and updates.

Windows8 metro presentationupdatedDhananjay Kumar

Windows 8 is a version of the Microsoft Windows operating system that was released in October 2012. It introduced a new touch-friendly "Metro" user interface and app platform designed for mobile devices like tablets. The new Start screen replaces the Start menu, and the Windows Store allows downloading apps. Windows 8 also features new security, hardware support like USB 3.0, and synchronization across devices. While performance improvements were praised, the new interface received criticism for its learning curve. Despite issues, 60 million Windows 8 licenses were sold in the first year.

RadwpDhananjay Kumar

Rad controlforwindows8webinarDhananjay Kumar

Node.jsDhananjay Kumar

No SQL with Kendo UI Dhananjay Kumar

Patterns in JavaScriptDhananjay Kumar

Presenter deck icenium holDhananjay Kumar

BringbestoinyouDhananjay Kumar

Java scriptDhananjay Kumar

Windows azure mobile serviceDhananjay Kumar

Test studiowebinaraugcodedstepDhananjay Kumar

Functions and Objects in JavaScript Dhananjay Kumar

Cloud Based Enterprise Apps using EverliveDhananjay Kumar

A Look into Automated Web UI TestDhananjay Kumar

Cross platformmobileappDhananjay Kumar

Windows aazuremobileservicesDhananjay Kumar

Data asserviceDhananjay Kumar

WCF for begineersDhananjay Kumar

Windows storemindcrcaker23rdmarchDhananjay Kumar

Test studio webinar march 2013Dhananjay Kumar

Windows8 metro presentationupdatedDhananjay Kumar

RadwpDhananjay Kumar

Rad controlforwindows8webinarDhananjay Kumar

Recently uploaded (20)

Political History of Pala dynasty Pala Rulers NEP.pptxArya Mahila P. G. College, Banaras Hindu University, Varanasi, India.

The Pala kings were people-protectors. In fact, Gopal was elected to the throne only to end Matsya Nyaya. Bhagalpur Abhiledh states that Dharmapala imposed only fair taxes on the people. Rampala abolished the unjust taxes imposed by Bhima. The Pala rulers were lovers of learning. Vikramshila University was established by Dharmapala. He opened 50 other learning centers. A famous Buddhist scholar named Haribhadra was to be present in his court. Devpala appointed another Buddhist scholar named Veerdeva as the vice president of Nalanda Vihar. Among other scholars of this period, Sandhyakar Nandi, Chakrapani Dutta and Vajradatta are especially famous. Sandhyakar Nandi wrote the famous poem of this period 'Ramcharit'.

2541William_McCollough_DigitalDetox.docxcontactwilliamm2546

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

How to Manage Opening & Closing Controls in Odoo 17 POSCeline George

SCI BIZ TECH QUIZ (OPEN) PRELIMS XTASY 2025.pptxRonisha Das

World war-1(Causes & impacts at a glance) PPT by Simanchala Sarab(BABed,sem-4...larencebapu132

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

To study Digestive system of insect.pptxArshad Shaikh

Presentation of the MIPLM subject matter expert Erdem KayaMIPLM

How to Set warnings for invoicing specific customers in odooCeline George

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

apa-style-referencing-visual-guide-2025.pdfIshika Ghosh

Title: A Quick and Illustrated Guide to APA Style Referencing (7th Edition) This visual and beginner-friendly guide simplifies the APA referencing style (7th edition) for academic writing. Designed especially for commerce students and research beginners, it includes: ✅ Real examples from original research papers ✅ Color-coded diagrams for clarity ✅ Key rules for in-text citation and reference list formatting ✅ Free citation tools like Mendeley & Zotero explained Whether you're writing a college assignment, dissertation, or academic article, this guide will help you cite your sources correctly, confidently, and consistent. Created by: Prof. Ishika Ghosh, Faculty. 📩 For queries or feedback: [email protected]

Exploring-Substances-Acidic-Basic-and-Neutral.pdfSandeep Swamy

Exploring Substances: Acidic, Basic, and Neutral Welcome to the fascinating world of acids and bases! Join siblings Ashwin and Keerthi as they explore the colorful world of substances at their school's National Science Day fair. Their adventure begins with a mysterious white paper that reveals hidden messages when sprayed with a special liquid. In this presentation, we'll discover how different substances can be classified as acidic, basic, or neutral. We'll explore natural indicators like litmus, red rose extract, and turmeric that help us identify these substances through color changes. We'll also learn about neutralization reactions and their applications in our daily lives. by sandeep swamy

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-30-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

A measles outbreak originating in West Texas has been linked to confirmed cases in New Mexico, with additional cases reported in Oklahoma and Kansas. The current case count is 795 from Texas, New Mexico, Oklahoma, and Kansas. 95 individuals have required hospitalization, and 3 deaths, 2 children in Texas and one adult in New Mexico. These fatalities mark the first measles-related deaths in the United States since 2015 and the first pediatric measles death since 2003. The YSPH Virtual Medical Operations Center Briefs (VMOC) were created as a service-learning project by faculty and graduate students at the Yale School of Public Health in response to the 2010 Haiti Earthquake. Each year, the VMOC Briefs are produced by students enrolled in Environmental Health Science Course 581 - Public Health Emergencies: Disaster Planning and Response. These briefs compile diverse information sources – including status reports, maps, news articles, and web content– into a single, easily digestible document that can be widely shared and used interactively. Key features of this report include: - Comprehensive Overview: Provides situation updates, maps, relevant news, and web resources. - Accessibility: Designed for easy reading, wide distribution, and interactive use. - Collaboration: The “unlocked" format enables other responders to share, copy, and adapt seamlessly. The students learn by doing, quickly discovering how and where to find critical information and presenting it in an easily understood manner.

Marie Boran Special Collections Librarian Hardiman Library, University of Gal...Library Association of Ireland

Introduction to Vibe Coding and Vibe EngineeringDamian T. Gordon

Ultimate VMware 2V0-11.25 Exam Dumps for Exam SuccessMark Soia

K12 Tableau Tuesday - Algebra Equity and Access in Atlanta Public Schoolsdogden2

Algebra 1 is often described as a “gateway” class, a pivotal moment that can shape the rest of a student’s K–12 education. Early access is key: successfully completing Algebra 1 in middle school allows students to complete advanced math and science coursework in high school, which research shows lead to higher wages and lower rates of unemployment in adulthood. Learn how The Atlanta Public Schools is using their data to create a more equitable enrollment in middle school Algebra classes.

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

Political History of Pala dynasty Pala Rulers NEP.pptxArya Mahila P. G. College, Banaras Hindu University, Varanasi, India.

2541William_McCollough_DigitalDetox.docxcontactwilliamm2546

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

How to Manage Opening & Closing Controls in Odoo 17 POSCeline George

SCI BIZ TECH QUIZ (OPEN) PRELIMS XTASY 2025.pptxRonisha Das

World war-1(Causes & impacts at a glance) PPT by Simanchala Sarab(BABed,sem-4...larencebapu132

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

To study Digestive system of insect.pptxArshad Shaikh

Presentation of the MIPLM subject matter expert Erdem KayaMIPLM

How to Set warnings for invoicing specific customers in odooCeline George

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

apa-style-referencing-visual-guide-2025.pdfIshika Ghosh

Exploring-Substances-Acidic-Basic-and-Neutral.pdfSandeep Swamy

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-30-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

Marie Boran Special Collections Librarian Hardiman Library, University of Gal...Library Association of Ireland

Introduction to Vibe Coding and Vibe EngineeringDamian T. Gordon

Ultimate VMware 2V0-11.25 Exam Dumps for Exam SuccessMark Soia

K12 Tableau Tuesday - Algebra Equity and Access in Atlanta Public Schoolsdogden2

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

Windows phone 8 app using Kendo UI

1. facebook.com/telerik @telerik Developing Windows Phone 8 Apps using Kendo UI Mobile

2. Agenda What is Hybrid Application Introducing Kendo UI Mobile Discussion on App Architecture Demo Question and Answer

3.  Dhananjay Kumar – Customer Advocate, Telerik – Microsoft MVP – Mindcracker MVP – @debug_mode – http://debugmode.net – http://telerikhelper.net – [email protected] Your Presenter

4. Resources Two of you have chance to win Ninja T-Shirt http://telerikhelper.net http://www.kendoui.com

5. facebook.com/telerik @telerik App Architecture Database Service layer Develop using Kendo UI Mobile

6. Different Types of Apps Apps for Devices Native Apps Mobile Web Apps Hybrid Apps

7. facebook.com/telerik @telerik Why Hybrid Apps? • Objective C • MAC iOS • Java • Eclipse Android • Visual Studio • C#/XAML Windows Phone 100 LOC 100 LOC 100 LOC 300 LOC Development Maintenance

8. facebook.com/telerik @telerik Hybrid App Development CSS JAVASCRIPT HTML Deploy using Cordova iOS Android Windows Phone Various Platforms

9. Hybrid or Native? Hybrid Multiple Platform Easy to build Use existing web development skills Best suited for Data Driven Applications Native Fast Performance Complex Codes Huge learning curve High investment but better performance

10. Steps for Hybrid App Development Step 1: Create App using HTML JavaScript , CSS Step 2: Build and Package the App using PhoneGap or Coredova Step 3: Submit the package to Windows Marketplace

11. How it works ? It runs in Web View Control UIWebView : ios, WebView : Android Runs in full screen mode using Web Kit browsers Access Device capabilities using Cordova JS API

12. What is Kendo UI Kendo Framework Elements Kendo UI Web Kendo UI DataViz Kendo UI Mobile

13.  HTML5 powered native mobile UI that automatically adapts to different devices Built using Kendo UI Mobile ?

14. Native UI on Every Device

15. Ready for App Stores

16. Kendo UI Framework DataSource Model Template MVVM Drag OvservableObject Node Template OvservableArray Validator Draggable

17. Kendo UI Mobile Widgets ActionSheet BackButton Button ButtonGroup DetailButton Layout ListView Loader ModalView NavBar Pane PopOver Scroller ScrollView SplitView Switch Swipe TabStrip View

18. facebook.com/telerik @telerik Demo App Architecture Database Service layer

19. Demo Let us write some codes

20. facebook.com/telerik @telerik Step1 : Add Reference

21. facebook.com/telerik @telerik Step 2 : Create layout

22. facebook.com/telerik @telerik Step 3: Initialize Kendo Mobile

23. facebook.com/telerik @telerik Step 4: Create Views

24. facebook.com/telerik @telerik Step 5: Create Data Source

25. facebook.com/telerik @telerik Step 6: Create Template

26. facebook.com/telerik @telerik Step 7: Create ListView

27. facebook.com/telerik @telerik Step 8: Put style in CSS

28. facebook.com/telerik @telerik Step 9: Data Source for Movie Detail View

29. facebook.com/telerik @telerik Step 10: Template for Movie Detail View