Sencha Touch 2 Mobile JavaScript Framework

Your knowledge of HTML and CSS is a door to the world of mobile web apps thanks to this handy guide to Sencha Touch. Through code and screenshots it gives you the practical know-how to use the framework.

Sencha Touch 2 Mobile JavaScript Framework

Starting
John Earl Clark, Bryan P. Johnson

Your knowledge of HTML and CSS is a door to the world of mobile web apps thanks to this handy guide to Sencha Touch. Through code and screenshots it gives you the practical know-how to use the framework.
$29.99
$49.99
RRP $29.99
RRP $49.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 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.

Book Details

ISBN 139781782160748
Paperback324 pages

About This Book

  • Learn to develop web applications that look and feel native on Apple iOS, Google Android, Blackberry 10, and Windows Mobile devices using simple examples
  • Design and control the look of your application using a variety of simple style settings and themes
  • Make your application respond to the user’s touch with events like tap, double tap, swipe, tap and hold, pinch, and rotate

Who This Book Is For

If you want to gain practical knowledge for using the Sencha Touch mobile web application framework, and you are familiar with HTML and CSS, then this book is for you. It is assumed that you know how to use touchscreens, touch events, and mobile devices such as Apple iOS and Google Android.

Table of Contents

Chapter 1: Let's Begin with Sencha Touch
Frameworks
Mobile application frameworks
Designing applications for mobile devices and touch technology
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 the application
Controlling the look with layouts
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
Default themes and theme switching
Images on multiple devices with Sencha.io Src
Summary
Chapter 4: Components and Configurations
The base component class
Taking another look at layouts
The TabPanel and Carousel components
Creating a FormPanel component
The MessageBox and Sheet components
Creating a Map component
Creating lists
Finding more information with the Sencha Docs
Summary
Chapter 5: Events and Controllers
Exploring events
Adding listeners and handlers
Controllers
Getting more out of events
Additional information
Summary
Chapter 6: Getting the Data In
Models
Introducing data formats
Introducing stores
Deleting from the data store
Summary
Chapter 7: Getting the Data Out
Using data stores for display
XTemplates
Sencha Touch Charts
Summary
Chapter 8: Creating the Flickr Finder Application
Generating the basic application
Introducing the Model View Controller
Building the foundation with Sencha Cmd
Adding to the basic application
Making the SearchPhotos components
Building the SavedPhotos components
Polishing your application
Improving the application
Summary
Chapter 9: Advanced Topics
Talking to your own server
Going offline
Getting into the marketplace
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, Google Android, BlackBerry 10, and Windows Phone
  • Use the list of components available in the Sencha Touch framework libraries such as tab panels, scrollable list views, and toolbars
  • Add custom touch events such as 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
  • Control the look of your application with Sencha Touch themes and styling options
  • Put together simple components quickly, 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

In Detail

Sencha Touch is a versatile HTML5-based framework for developing mobile web apps. Sencha Touch 2 has raised the bar for developing rich mobile web applications with HTML5. Using this framework you can develop mobile web apps that look and feel like native apps on iOS, Android, Blackberry, and Windows Mobile. It is built for enabling world-class user experiences.

"Sencha Touch 2 Mobile JavaScript Framework" is a step-by-step tutorial that will show you how to use Sencha Touch to produce attractive, exciting, native-quality, user friendly, easy-to-use mobile applications, that will keep your visitors coming back for more. There is sample code provided and explained with essential screenshots for better and quicker understanding.

"Sencha Touch 2 Mobile JavaScript Framework" will provide you with a hands-on approach to learning the language, taking you through the basic concepts and designs, to building a complete application from scratch.

We start with a foundation of JavaScript basics and work our way through the various components and features of Sencha Touch. We will explore how to leverage the Sencha Cmd utility to create applications quickly and cleanly. We will talk about how to get data in and out of your application, how to create new styles and themes, and even how to compile an application for sale on the various app stores.

"Sencha Touch 2 Mobile JavaScript Framework" will make you an expert application developer, using clear examples, code, and concepts.

Authors

Table of Contents

Chapter 1: Let's Begin with Sencha Touch
Frameworks
Mobile application frameworks
Designing applications for mobile devices and touch technology
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 the application
Controlling the look with layouts
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
Default themes and theme switching
Images on multiple devices with Sencha.io Src
Summary
Chapter 4: Components and Configurations
The base component class
Taking another look at layouts
The TabPanel and Carousel components
Creating a FormPanel component
The MessageBox and Sheet components
Creating a Map component
Creating lists
Finding more information with the Sencha Docs
Summary
Chapter 5: Events and Controllers
Exploring events
Adding listeners and handlers
Controllers
Getting more out of events
Additional information
Summary
Chapter 6: Getting the Data In
Models
Introducing data formats
Introducing stores
Deleting from the data store
Summary
Chapter 7: Getting the Data Out
Using data stores for display
XTemplates
Sencha Touch Charts
Summary
Chapter 8: Creating the Flickr Finder Application
Generating the basic application
Introducing the Model View Controller
Building the foundation with Sencha Cmd
Adding to the basic application
Making the SearchPhotos components
Building the SavedPhotos components
Polishing your application
Improving the application
Summary
Chapter 9: Advanced Topics
Talking to your own server
Going offline
Getting into the marketplace
Summary

Book Details

ISBN 139781782160748
Paperback324 pages
Read More

Recommended for You