Sencha Touch Training

Course Objectives

  • Understand the differences between designing applications for desktops vs mobile devices
  • Quickly develop a friendly application that functions across a variety of handheld devices
  • Implement a complex mobile UI that integrates forms, maps, tabs, sorting, and media
  • Efficiently handle gestures
  • Make background requests for data from an application server or web service
  • Store data persistently on the device

Course Outline

Unit 1: Introducing the Course

  • Getting familiar with the course methodology and format
  • Understanding the course objectives
  • Understanding the course prerequisites

Unit 2: Getting Started with Sencha Touch

  • Understanding Design Challenges with Devices
  • Introducing Sencha Touch 2
  • Setting up your Development Environment
  • Getting Started with Sencha Touch MVC
  • Working with the Sencha Touch Class System

Unit 3: Defining Application VIews and Controllers

  • Defining Views
  • Using Containers
  • Implementing a Carousel Layout
  • Implementing Controllers
  • Firing and Responding to Custom Events
  • Using Data Templates to Generate HTML
  • Lab 3

Unit 4: Working with Structured Data

  • Introducing the Sencha Touch Data Package
  • Defining the Data Model
  • Reading Data from a Server into a Model
  • Implementing Data Drill-Down with Ext.List
  • Handling Large or Frequently Changing Datasets
  • Displaying Hierarchical Data in a Nested List
  • Using Sencha.io Src to Scale Images for Devices
  • Introducing Sencha.io Services

Unit 5: Working with Forms

  • Defining an Input Form
  • Handling Form Events
  • Loading Data from a Model
  • Implementing Cross-Domain Resource Sharing
  • Submitting Form Data to a Server
  • Lab 5

Unit 6: Integrating Multimedia, Maps, and Charts

  • Adding Audio, Images, and Video to your Apps
  • Adding Google Maps to your Applications
  • Visualizing Data with Charts

Unit 7: Theming your Apps

  • Theming your app to different devices and OS
  • Using Sass and Compass
  • Using Mixins
  • Optimizing your CSS

Unit 8: Advanced Techniques

  • Using Device Profiles to Support Multiple Form Factors
  • Creating Dynamic Views using a Factory Pattern
  • Implementing Deep-Linking and History Support

Unit 9: Optimizing your Applications

  • Caching Data Locally with HTML5 Local Storage
  • Caching Data Locally with the SQL Proxy
  • Using Sencha Cmd to create production builds

Unit 10: Going Native (Optional unit, requires OS/X)

  • Compiling to a Native App using Sencha Cmd
  • Accessing the Camera and other Native APIs with Ext.Device