Sencha Touch Mobile JavaScript Framework

Build web applications for Apple iOS and Google Android touchscreen devices with this first HTML5 mobile framework book and ebook

Sencha Touch Mobile JavaScript Framework

Starting
John Earl Clark, Bryan P. Johnson

Build web applications for Apple iOS and Google Android touchscreen devices with this first HTML5 mobile framework book and ebook
$26.99
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.
+ Collection
Free sample

Book Details

ISBN 139781849515108
Paperback316 pages

About This Book

  • Learn to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices using Sencha Touch through examples
  • Design resolution-independent and graphical representations like buttons, icons, and tabs of unparalleled flexibility
  • Add custom events like tap, double tap, swipe, tap and hold, pinch, and rotate
  • Plenty of well-explained sample code with the essential screenshots added in for thorough understanding

Who This Book Is For

This book is ideal for anyone who wants to gain the practical knowledge involved in using Sencha Touch mobile web application framework to make attractive web apps for mobiles. If you have some familiarity with HTML and CSS, then this book is for you. This book will give designers the skills they need to implement their ideas, and provides developers with creative inspiration through practical examples. It is assumed that you know how to use touch screens, touch events, WebKit on mobile systems, Apple iOS, and Google Android for Mobiles.

Table of Contents

Chapter 1: Let's Begin with Sencha Touch!
Frameworks
Mobile application framework
Designing applications for mobile and touch
Getting started with Sencha Touch
Setting up your development environment
Additional tools for developing with Sencha Touch
Summary
Chapter 2: Creating a Simple Application
Setting up your folder structure
Starting from scratch with TouchStart.js
Controlling the container with layout
The panel
The TabPanel component
The list component
Testing and debugging the application
Updating the application for production
Putting the application into production
Summary
Chapter 3: Styling the User Interface
Styling components versus themes
UI styling for toolbars and buttons
Sencha Touch themes
Setting up SASS and Compass
Creating a custom theme
Designing for multiple devices
Images on multiple devices with Sencha.io Src
Summary
Chapter 4: Components and Configurations
The base component class
Layouts revisited
The TabPanel and Carousel components
FormPanel
MessageBox and Sheet
Map
Lists
Finding more information with the Sencha API
Summary
Chapter 5: Events
What are events?
Listeners and handlers
Event delegation
Touch-specific events
Additional information on events
Summary
Chapter 6: Getting Data In
Models
Introduction to data formats
Introduction to stores
Deleting from the Data Store
Summary
Chapter 7: Getting Data Out
Using data stores for display
XTemplates
Sencha Touch Charts
Summary
Chapter 8: The Flickr Finder Application
The basic application
Introduction to Model View Controller (MVC)
Building the foundation
The SearchPhotos component
The savedphoto component
Polishing your application
Try it yourself
Summary
Chapter 9: Advanced Topics
Talking to your own server
Going offline
Getting into a marketplace
Registering for developer accounts
Summary

What You Will Learn

  • Make use of technologies such as HTML5 and CSS3 to provide native-quality application experiences without the need for plugins
  • Create a sample application using Sencha Touch that will run on Apple iOS and Google Android
  • Efficiently use the list of components available in Sencha Touch framework libraries such as tab panels, scrollable list views, and toolbars
  • Add custom touch events like tap, double tap, swipe, tap and hold, pinch, and rotate
  • Discover the rich event communication that is available in every Sencha Touch component, allowing you to quickly respond to your users and create intuitive, native-quality applications
  • Completely control the look of your application with Sencha Touch themes and styling options.
  • Quickly put together simple components backed by the data package
  • Allow your users to store information with forms, or access remote information from other services like Google maps and Flickr
  • Learn about web storage features to store data offline, or communicate with online databases for richer storage options.
  • Explore expert topics like syncing data and compiling applications for sale on an App store.

In Detail

Since its initial launch, Sencha Touch has quickly become the gold standard for developing rich mobile web applications with HTML5. Sencha Touch is the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel like native apps on both iPhone and Android touchscreen devices. Sencha Touch is the world's first application framework built specifically to leverage HTML5, CSS3 and JavaScript for the highest level of power, flexibility and optimization. It makes specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. Sencha Touch also makes extensive use of CSS3 in its components and themes to provide an incredibly robust styling layer, giving you total control over the look of your application.

Sencha Touch enables you to design both Apple iOS and Google Android apps without the need for learning multiple arcane programing languages. Instead you can leverage your existing knowledge of HTML and CSS to quickly create rich web applications for mobile devices in JavaScript. This book will show you how you can use Sencha Touch to efficiently produce attractive, exciting, easy-to-use web applications that keep your visitors coming back for more.

Sencha Touch Mobile JavaScript Framework teaches you all you need to get started with Sencha Touch and build awesome mobile web applications. Beginning with an overview of Sencha Touch, this book will guide you through creating a complete simple application followed by styling the user interface and the list of Sencha Touch components explained through comprehensive examples. Next, you will learn about the essential touch and component events, which will help you create rich dynamic animations. The book follows this up with information about core data packages and dealing with data and wraps it up with building another simple but powerful Sencha Touch application.

In short, this book has the step by step approach and extensive content to make a beginner to Sencha Touch into an ace quickly and easily.

Exploit Sencha Touch – a cross-platform library aimed at next generation, touch-enabled devices

Authors

Table of Contents

Chapter 1: Let's Begin with Sencha Touch!
Frameworks
Mobile application framework
Designing applications for mobile and touch
Getting started with Sencha Touch
Setting up your development environment
Additional tools for developing with Sencha Touch
Summary
Chapter 2: Creating a Simple Application
Setting up your folder structure
Starting from scratch with TouchStart.js
Controlling the container with layout
The panel
The TabPanel component
The list component
Testing and debugging the application
Updating the application for production
Putting the application into production
Summary
Chapter 3: Styling the User Interface
Styling components versus themes
UI styling for toolbars and buttons
Sencha Touch themes
Setting up SASS and Compass
Creating a custom theme
Designing for multiple devices
Images on multiple devices with Sencha.io Src
Summary
Chapter 4: Components and Configurations
The base component class
Layouts revisited
The TabPanel and Carousel components
FormPanel
MessageBox and Sheet
Map
Lists
Finding more information with the Sencha API
Summary
Chapter 5: Events
What are events?
Listeners and handlers
Event delegation
Touch-specific events
Additional information on events
Summary
Chapter 6: Getting Data In
Models
Introduction to data formats
Introduction to stores
Deleting from the Data Store
Summary
Chapter 7: Getting Data Out
Using data stores for display
XTemplates
Sencha Touch Charts
Summary
Chapter 8: The Flickr Finder Application
The basic application
Introduction to Model View Controller (MVC)
Building the foundation
The SearchPhotos component
The savedphoto component
Polishing your application
Try it yourself
Summary
Chapter 9: Advanced Topics
Talking to your own server
Going offline
Getting into a marketplace
Registering for developer accounts
Summary

Book Details

ISBN 139781849515108
Paperback316 pages
Read More