Building mobile applications using Kendo UI Mobile and ASP.NET Web API / Nishanth Nair, Ragini Kumbhat Bhandari.

Format:

Book

Author/Creator:

Nair, Nishanth, author.

Bhandari, Ragini Kumbhat, author.

Series:

Community experience distilled.

Community Experience Distilled

Language:

English

Subjects (All):

Mobile apps.

Computer systems.

Computers.

Physical Description:

1 online resource (256 p.)

Edition:

1st edition

Place of Publication:

Birmingham, England : Packt Publishing, 2013.

Language Note:

English

System Details:

text file

Summary:

Confident of your web application skills but not yet au fait with mobile development? Well this book helps you use the Kendo UI for a painless introduction. Practical tasks and clear instructions make learning a breeze. Learn the basics of developing mobile applications using HTML5 and create an end-to-end mobile application from scratch Discover all about Kendo UI Mobile, ASP .NET Web API, and how to integrate them Understand how to organize your JavaScript code to achieve extensibility and maintainability Get your hands dirty in a jiffy with 50+ jsFiddle examples In Detail With the world becoming more mobile, there is a growing need for mobile websites and applications. Building these from scratch is not a simple process. Kendo UI Mobile makes building websites and applications easier than ever before. Build applications for phones and tablets in no time at all and provide your user with a native look and feel. Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API helps you to understand the concept of building mobile applications using HTML5 based frameworks, specifically Kendo UI Mobile. It teaches you in a simple step-by-step manner how to create a service backend layer using ASP.NET Web API and how to integrate it with your front end mobile application, which is the missing piece of the puzzle for most developers who are new to mobile applications development. Learn everything from the basics of HTML5 to design and development of a mobile application using Kendo UI Mobile and ASP.NET Web API. Integrate them in the right way using extensible and maintainable JavaScript code. Starting with the basics of the Kendo UI platform, learn how to build a real world mobile application from scratch. You will explore the Kendo UI framework elements and integrate the sample mobile application with the ASP.NET Web API service. One of the most important things that you will learn from this book is how to organize your code using the JavaScript Revealing Module Pattern. You will also take a journey through Kendo UI Mobile widgets with lots of code samples hosted in jsFiddle. At the end of this book, you will complete the integration of the sample application and master fixing real world problems utilizing your newly acquired professional techniques that will save you time and effort. Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API will help you improve your mobile application development skills using hands-on examp...

Contents:

Intro

Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API

Table of Contents

Credits

About the Authors

Acknowledgments

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

Who this book is for

What you need for this book

Conventions

Reader feedback

Customer support

Downloading the example code and graphics

Errata

Piracy

Questions

1. Building a Mobile Application Using HTML5

Native versus hybrid versus mobile websites

HTML5 and CSS3

HTML5 - Steve Jobs made me famous

Main features of HTML5

Who is behind the HTML5 specification?

A sample HTML5 page

DOCTYPE and character encodings

Some new HTML5 tags

&lt

header&gt

nav&gt

section&gt

article&gt

footer&gt

CSS3

Kendo UI - building cross-browser apps made easy

Kendo UI widgets

Kendo UI architecture

Kendo UI Web

Kendo UI DataViz

Kendo UI Mobile

Server wrappers

HTML5 mobile web application design guidelines

Summary

2. Building Your First Mobile Application

Preparing the development machine

Ripple Emulator

Installing Ripple Emulator

First Kendo UI Mobile application

Views and Layouts

NavBar

Application initialization

A real-world mobile app - Movie Tickets

The Home screen

The TabStrip widget

Transitions

Navigation

The Remote view

The Back button

Looking into the rendered HTML

View loading and HTML element IDs

Application object

The Initial view

Loading text

Forcing platform

Hiding and showing the loading animation

Getting a reference of the current view.

Navigating to a view

UI experience across platforms

The Flat view

3. Service Layer with ASP.NET Web API

Creating a Web API service

Hosting using IIS

Routing

Customizing the Web API routing

Parameter binding

Model binding

Formatters

Building a service for the Movie Tickets application

Adding a controller

Content Negotiation

The Advanced Rest Client Chrome extension

The Accept header

The Content-type header

The Accept-charset header

An Image/PDF file as response

Securing Web API

Authentication

Basic authentication

Authentication using message handlers

Implementing authentication

Authentication in action

Authorization

Using AuthorizeAttribute

Global level

Controller level

Action level

[AllowAnonymous] attribute

Role and user checks

Custom authorization attribute

4. Integration Using Framework Elements

DataSource

Local data source

Remote data source

Templates

Rendering templates

Inline templates

External templates

MVVM

MVVM design pattern

Getting started with Kendo MVVM

HTML

JavaScript

Bindings

MVVM in mobile

Integrating with the Movie Tickets app

The User Account screen

Backend - setting up a Web API service

Frontend - architecture

Revealing Module Pattern

Advantages

Namespacing

Configuration

Data access

Initialization

Common utility methods

User Account ViewModel

HTML UI

Adding the User Account TabStrip button

User Account view

Login section

User details section

Fixing cross-domain access issues

5. Exploring Mobile Widgets

Kendo Mobile widgets basics

Mobile widget base methods

bind

trigger

unbind

one

destroy

view

Mobile UI widgets

init and show events of the View widget.

The ListView widget

Inset style

Links

Detail buttons and icons

Grouping and templates

The Button widget

Icons

The ButtonGroup widget

Styling

ButtonGroup in action

The Switch widget

The Pane widget

Methods

Events

The PopOver widget

PopOver with multiple views

6. ActionSheet, ModalView, and More Widgets

The ActionSheet widget

Actions

Open and close

The ModalView widget

Initializaton

Opening the widget

Closing the widget

The SplitView widget

SplitView in action

The Scroller widget

Configurations

Pull to refresh

The ScrollView widget

The Touch widget

The Swipe event

Multi-touch gestures

The Drawer widget

Enabling and disabling Drawer on specific views

Displaying a Drawer widget using navigational widgets

7. Movie Tickets Application - Complete Integration

Completing the Web API service

Movie list

Movie trailers

Repository

Business layer

Action method

Action method for ticketing

Frontend views

The Movie list screen

The JavaScript module

The Movie list view

The List item template

Encoding URI

Styles

Configuring view and ListView

Movie list type ButtonGroup

Theaters list screen

Theaters list view

Theaters list template

Adding ListView for theaters

Book Tickets screen

JavaScript module

Show event

Purchase tickets

The Book Tickets view

Creating the trailer videos slideshow screen

Index.

Notes:

Bibliographic Level Mode of Issuance: Monograph

Description based on online resource; title from PDF title page (ebrary, viewed August 17, 2014).

ISBN:

1-78216-093-0

OCLC:

858655149