You are previewing Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API.
O'Reilly logo
Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API

Book Description

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 examples, and will help you address the common problems faced by beginners as well as experienced web programmers.

    Table of Contents

    1. Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API
      1. Table of Contents
      2. Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API
      3. Credits
      4. About the Authors
      5. Acknowledgments
      6. About the Reviewers
      7. www.PacktPub.com
        1. Support files, eBooks, discount offers, and more
          1. Why Subscribe?
          2. Free Access for Packt account holders
      8. Preface
        1. What this book covers
        2. Who this book is for
        3. What you need for this book
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Downloading the example code and graphics
          2. Errata
          3. Piracy
          4. Questions
      9. 1. Building a Mobile Application Using HTML5
        1. Native versus hybrid versus mobile websites
        2. HTML5 and CSS3
          1. HTML5 – Steve Jobs made me famous
          2. Main features of HTML5
          3. Who is behind the HTML5 specification?
          4. A sample HTML5 page
            1. DOCTYPE and character encodings
            2. Some new HTML5 tags
              1. <header>
              2. <nav>
              3. <section>
              4. <article>
              5. <footer>
          5. CSS3
        3. Kendo UI – building cross-browser apps made easy
          1. Kendo UI widgets
          2. Kendo UI architecture
            1. Kendo UI Web
            2. Kendo UI DataViz
            3. Kendo UI Mobile
          3. Server wrappers
        4. HTML5 mobile web application design guidelines
        5. Summary
      10. 2. Building Your First Mobile Application
        1. Preparing the development machine
          1. Ripple Emulator
            1. Installing Ripple Emulator
        2. First Kendo UI Mobile application
          1. Views and Layouts
          2. NavBar
          3. Application initialization
        3. A real-world mobile app – Movie Tickets
          1. The Home screen
          2. The TabStrip widget
          3. Transitions
          4. Navigation
            1. The Remote view
            2. The Back button
            3. Looking into the rendered HTML
            4. View loading and HTML element IDs
        4. Application object
          1. The Initial view
          2. Loading text
          3. Forcing platform
          4. Hiding and showing the loading animation
          5. Getting a reference of the current view
          6. Navigating to a view
        5. UI experience across platforms
          1. The Flat view
        6. Summary
      11. 3. Service Layer with ASP.NET Web API
        1. Creating a Web API service
          1. Hosting using IIS
        2. Routing
          1. Customizing the Web API routing
        3. Parameter binding
          1. Model binding
          2. Formatters
        4. Building a service for the Movie Tickets application
          1. Adding a controller
        5. Content Negotiation
          1. The Advanced Rest Client Chrome extension
          2. The Accept header
          3. The Content-type header
          4. The Accept-charset header
        6. An Image/PDF file as response
        7. Securing Web API
          1. Authentication
            1. Basic authentication
            2. Authentication using message handlers
            3. Implementing authentication
            4. Authentication in action
          2. Authorization
            1. Using AuthorizeAttribute
              1. Global level
              2. Controller level
              3. Action level
            2. [AllowAnonymous] attribute
              1. Role and user checks
            3. Custom authorization attribute
        8. Summary
      12. 4. Integration Using Framework Elements
        1. DataSource
          1. Local data source
          2. Remote data source
        2. Templates
          1. Rendering templates
            1. Inline templates
            2. External templates
        3. MVVM
          1. MVVM design pattern
          2. Getting started with Kendo MVVM
            1. HTML
            2. JavaScript
          3. Bindings
          4. MVVM in mobile
            1. HTML
            2. JavaScript
        4. Integrating with the Movie Tickets app
          1. The User Account screen
            1. Backend – setting up a Web API service
          2. Frontend – architecture
            1. Revealing Module Pattern
              1. Advantages
            2. Namespacing
              1. Configuration
              2. Data access
            3. Initialization
              1. Common utility methods
              2. User Account ViewModel
            4. HTML UI
              1. Adding the User Account TabStrip button
              2. User Account view
                1. Login section
                2. User details section
            5. Fixing cross-domain access issues
        5. Summary
      13. 5. Exploring Mobile Widgets
        1. Kendo Mobile widgets basics
          1. Mobile widget base methods
            1. bind
            2. trigger
            3. unbind
            4. one
            5. destroy
            6. view
        2. Mobile UI widgets
        3. init and show events of the View widget
        4. The ListView widget
          1. Inset style
          2. Links
          3. Detail buttons and icons
          4. Grouping and templates
        5. The Button widget
          1. Icons
        6. The ButtonGroup widget
          1. Initialization
          2. Styling
          3. ButtonGroup in action
        7. The Switch widget
          1. Initialization
        8. The Pane widget
          1. Methods
          2. Events
        9. The PopOver widget
          1. Initialization
          2. PopOver with multiple views
        10. Summary
      14. 6. ActionSheet, ModalView, and More Widgets
        1. The ActionSheet widget
          1. Initialization
          2. Actions
          3. Open and close
        2. The ModalView widget
          1. Initializaton
          2. Opening the widget
          3. Closing the widget
        3. The SplitView widget
          1. Initialization
          2. SplitView in action
        4. The Scroller widget
          1. Configurations
          2. Pull to refresh
        5. The ScrollView widget
        6. The Touch widget
          1. The Swipe event
          2. Multi-touch gestures
        7. The Drawer widget
          1. Enabling and disabling Drawer on specific views
          2. Displaying a Drawer widget using navigational widgets
        8. Summary
      15. 7. Movie Tickets Application – Complete Integration
        1. Completing the Web API service
          1. Movie list
          2. Movie trailers
            1. Repository
            2. Business layer
            3. Action method
            4. Action method for ticketing
        2. Frontend views
          1. Configuration
        3. The Movie list screen
          1. The JavaScript module
          2. The Movie list view
            1. The List item template
              1. Encoding URI
              2. Styles
            2. Configuring view and ListView
            3. Movie list type ButtonGroup
        4. Theaters list screen
          1. The JavaScript module
            1. Theaters list view
              1. Theaters list template
            2. Adding ListView for theaters
        5. Book Tickets screen
          1. JavaScript module
            1. Show event
            2. Purchase tickets
          2. The Book Tickets view
        6. Creating the trailer videos slideshow screen
          1. HTML
          2. The JavaScript module
        7. Summary
      16. Index