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

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

Table of Contents

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

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

<header>

<nav>

<section>

<article>

<footer>

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

Summary

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

Summary

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

HTML

JavaScript

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

Summary

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

Initialization

Styling

ButtonGroup in action

The Switch widget

Initialization

The Pane widget

Methods

Events

The PopOver widget

Initialization

PopOver with multiple views

Summary

6. ActionSheet, ModalView, and More Widgets

The ActionSheet widget

Initialization

Actions

Open and close

The ModalView widget

Initializaton

Opening the widget

Closing the widget

The SplitView widget

Initialization

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

Summary

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

Configuration

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

The JavaScript module

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

HTML

The JavaScript module

Summary

Index