Building a Sencha Touch Application

A Hands-On Tutorial for Mobile Application Developers

  • Get the Book
  • Get the Source Code
  • Instant Digital Download
  • 100% Money Back Guarantee
  • Pay by PayPal or Credit Card

Money Back Guarantee 100% - Burst Badge Orange

What people are saying

“Thank you for writing this guide in such a beginner-friendly fashion. Great that you explain what each step does, and why we do it.”

Ben, via comment on MiamiCoder.com

“Thanks for sharing such a well written and clearly presented Sencha Touch tutorial, Jorge.”

Sam Croft, samcroft.co.uk, via comment on MiamiCoder.com

“By far the best Touch 2 example I have seen.”

BillyB, via comment on MiamiCoder.com

“Really awesome post. It’s hard to find good articles on 2. I’m just starting with sencha touch.”

Paul, via comment on MiamiCoder.com

“This has been an exceptional help in learning Sencha Touch MVC applications.”

Aishwarya Sharma, via comment on MiamiCoder.com

“Thanks a lot for the tutorial. It was really helpful and well explained. A very nice start for the Sencha Touch technology.”

Juan Carlos Morales, via comment on MiamiCoder.com

“Nice tutorial – it’s a no-nonsense approach towards explaining how ST-2′s MVC pattern can be used.”

Doug, via comment on MiamiCoder.com

This book will teach you how to create a Sencha Touch 2 application. Step by step, from mockups to production build.

If you are new to Sencha Touch or are already familiar with the Framework but have not built an entire application by yourself, this is a great book for you.

What you will learn

Building a Sencha Touch Application will teach you the following topics:

  • The building blocks of a Sencha Touch application.
  • How to implement the Model-View-Controller pattern in a Sencha Touch application.
  • How to create an application with multiple views, and how to implement intuitive navigation patterns.
  • How to create list-based and master-detail user interfaces in a Sencha Touch application.
  • How to use Sencha Touch forms to capture and validate user input.
  • How a Sencha Touch app leverages HTML5 local storage to save data on the device.
  • How to scaffold a Sencha Touch project, minify, and deploy your application to production using Sencha Cmd.

Preview the EBook

PREVIEW – Building a Sencha Touch Application EBook

What’s inside

Chapter 1: Introducing the Notes App

  • What we will learn in this chapter
  • The features of the Notes app
  • What is a Sencha Touch application?
  • Designing the NotesList view
  • Designing the NoteEditor view
  • The Viewport
  • What you need to start developing with Sencha Touch
  • The application’s directories and files
  • Creating the Application instance
  • Where are we?

Chapter 2: Rendering Cached Notes

  • What we will learn in this chapter
  • Defining a view in Sencha Touch
  • Adding the view to the application
  • Configuring the notes list
  • A data model for notes
  • Defining model validations
  • The Notes store
  • Binding the notes list to the store
  • Styling list items
  • Where are we?

Chapter 3: Creating the Controller

  • What we will learn in this chapter
  • Publishing an event when a toolbar button is tapped
  • Advantages of creating custom events in a view
  • Publishing an event when a list item is tapped
  • Defining and instantiating a controller
  • How controllers listen to view events
  • Where are we?

Chapter 4: Loading Notes into the Editor

  • What we will learn in this chapter
  • Creating a form in Sencha Touch
  • Loading a new note
  • Editing an existing note
  • Publishing events from the Note Editor view
  • Where are we?

Chapter 5: Saving Notes

  • What we will learn in this chapter
  • Using a localStorage proxy in Sencha Touch
  • Handling Note Editor events in the controller
  • Model validation in Sencha Touch
  • Saving notes on the device
  • Returning to the main view
  • Where are we?

Chapter 6: Deleting Notes

  • What we will learn in this chapter
  • Deleting notes
  • Hooking up the Home button
  • Rendering notes grouped by creation date

Chapter 7: Creating a Production Build

  • What we will learn in this chapter
  • Installing Sencha Cmd
  • Installing Compass
  • Creating a scaffold for a production build
  • Populating the scaffold with the Notes app’s source code
  • Generating a production build
  • We made it!

Money Back Guarantee 100% - Burst Badge Orange

No Risk – 100% money back guarantee

If you are not happy with the book for any reason, please let me know via email (miamicoder[AT]gmail.com) within 60 days of the date of purchase and I will refund your purchase price in full, no questions asked.

Download now

  • Instant download of eBook and source code bundle with code for finished application, plus each chapter’s code
  • Pay by PayPal or credit card
  • 100% money back guarantee
Order Now

The brains behind the book

Jorge is the author of Building a Sencha Touch Application, How to Build a jQuery Mobile Application, and the Ext JS 3.0 Cookbook. He runs the popular MiamiCoder.com blog, and is the founder of a software development and developer education shop that focuses on mobile and web applications.