Upcoming Classes

Fast Track to Sencha Touch 2.2 + Adv. Architect

Course Prerequisites

• Prior experience developing applications in JavaScript
• Casual familiarity with JavaScript Object Notation (JSON)
• Prior experience developing Cascading Style Sheets

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