Description

This internship will allow you to master the Sencha Touch 2 library allowing you to design cross-platform mobile applications. You will install Sencha Touch and its environment, implement its graphic components, create your own components, develop your themes and manage your data.

Who is this training for ?

For whom ?

Developers and project managers.

Prerequisites

Have initial experience in mobile development (Javascript, HTML, CSS, XML, etc.).

Training objectives

Master the fundamental concepts of Sencha Touch 2

Develop rich mobile applications with Sencha Touch 2

Package a Sencha Touch 2 application into a native application

Training program

• Framework overview
  • Overview of the Sencha Touch framework.
  • The environment: Sencha Cmd.
  • Run and Debug an application.
  • Status places for Test solutions.
  • Documentation.
  • Structure of a Sencha Touch application, the MVC model.
  • Responsive Design vs Adaptive Design.
  • Practical work Installation of Sencha Touch and its environment.
  • Creation of a workspace.
  • Creation of the skeleton of an MVC application with Sencha Cmd.
• Fundamental concepts
  • Instantiation of an object: procedural vs declarative, Ext.
  • create() vs new.
  • DOM management.
  • The basic elements: components, containers and events.
  • The class system.
  • The "Toolbars" and "Button" objects.
  • Understand "Layouts".
  • Windows.
  • Practical work Create custom components.
  • Create buttons and windows.
• The MVC pattern
  • Model concepts.
  • The Controller.
  • Dependency: requires, controllers, views, models and stores.
  • Component references : ComponentQuery.
  • Sending custom events.
  • Practical work Defining and using a Controller.
  • Sending custom events.
• Data managment
  • All data: Models, Proxies, Stores.
  • Sending and receiving data: HTTP requests and responses, Ajax/JsonP.
  • Practical work Manage data.
• Data-driven graphics components
  • List: the Ext. component.
  • List, XTemplate.
  • Navigation View: Ext.
  • NavigationView, back button.
  • Trees: root node/children, TreeStore, Proxy.
  • Forms: submission object, fields, layout, submission, validation, loading.
  • Practical work Setting up a list, navigation view of trees and forms.
• Themes
  • Default themes.
  • Create custom themes.
  • Edit CSS and themes with Sass and Compass.
  • Hands-on rnChange the application theme.
• Using native APIs
  • Hybrid applications: Build the application for iOS, Android.
  • Native API: Camera, notification, gyroscope.
  • Practical work Use of the Device API.