Cette formation Sencha Touch 2 vous permettra de réaliser des applications ou des sites WEB pour iPhone, iPad, Android, Blackberry, etc. en utilisant uniquement des technologies standards comme HTML, CSS, et JavaScript qui vous rendent indépendant du navigateur ou du type d’équipement mobile. La richesse des composants graphiques de Sencha Touch 2 permet de développer de véritables applications avec un rendu très riche en un minimum de temps. Ces composants sont conçus et optimisés pour les équipements mobiles.Ils tirent pleinement profit des possibilités du HTML 5. Sencha Touch propose des API pour accéder aux événements bas niveaux des équipements mobiles (accéléromètre, géo-localisation, etc.) et vous ouvre les voies du développement natif pour tirer pleinement profit de leurs possibilités. Vous pourrez utiliser PhoneGap ou un composant natif de Sencha Touch pour déployer vos applications sur App Store ou Android Market. Enfin, le framework Sencha Touch 2 a adopté le modèle MVC et vous permet ainsi de professionnaliser le développement pour mobiles en respectant ce standard de fait.

Public :

Cette formation Sencha Touch 2 s’adresse aux développeurs et aux chefs de projets

Prérequis :

Avoir une première expérience dans le développement mobile (Javascript, HTMl, CSS, XML, …).

Introduction

Historique : Sencha Touch Installation & Documentation Modèle de licence Concurrents Contraintes mobile

Squelette application Sencha Touch

Sencha Sdk ToolsSencha CmdSencha generate app

Objet config

Comprendre la notation Valeurs par défaut Lisibilité Ordre paramètres Avantages

Architecture Sencha Touch

Module ‘Core’Module Composants UIModule Services accès données Module Accès distant (Remoting)Module Utilitaires Module Glisser déposer

Architecture MVC

Ext.application Organisation répertoires & fichiers du projetclés : name, appFolder, launch Controlleur : init, control,VueModel

Conteneur Sencha Touch

Modèle de composant ExtJS Différence entre composant et conteneur Notion de Conteneur Parent/enfantPanel, TabPanel, Viewport, WindowxType

Layout Sencha Touch

Notion de Layout & valeur ajoutée relation Conteneur / LayoutBorder Layout , Layout accordéon attributs : region, fit, strechHbox, Vbox

Gestion Evènements Sencha Touch

Bonnes pratiquesExt.util.Observableel.on, el.unadd Listenerremove Listeneradd Eventsfire Events scopecapture, bubble

Formulaires Sencha Touch

ComboboxChamp / zone texteCheckBox, Boutton radiozone texte, Editeur de texteValidation personnaliséesoumission formulaire

Accès données Sencha Touch

Template, XTemplateAccès local et distant

Template

Notion de template ExtJSArbre DOM prédéfini Compilation templatenotion de TemplateXTemplatebalisetpl if, tpl for

Gestion Evènement

Ext.util.ObservableaddEvent, fireEventel.on, el.un

Cartes et Multimédia

Cartes (Google Maps)Multimédia