Formation Sencha Touch 2 : Développement pour mobiles multi-plateformes Ext JS, HTML 5, Javascript, MVC

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 TouchInstallation & DocumentationModèle de licenceConcurrentsContraintes mobile

Squelette application Sencha Touch

Sencha Sdk ToolsSencha CmdSencha generate app

Objet config

Comprendre la notationValeurs par défautLisibilitéOrdre paramètresAvantages

Architecture Sencha Touch

Module 'Core'Module Composants UIModule Services accès donnéesModule Accès distant (Remoting)Module UtilitairesModule Glisser déposer

Architecture MVC

Ext.applicationOrganisation répertoires & fichiers du projetclés : name, appFolder, launchControlleur : init, control,VueModel

Conteneur Sencha Touch

Modèle de composant ExtJSDifférence entre composant et conteneurNotion de ConteneurParent/enfantPanel, TabPanel, Viewport, WindowxType

Layout Sencha Touch

Notion de Layout & valeur ajoutéerelation Conteneur / LayoutBorderLayout , Layout accordéonattributs : region, fit, strechHbox, Vbox

Gestion Evènements Sencha Touch

Bonnes pratiquesExt.util.Observableel.on, el.unaddListenerremoveListeneraddEventsfireEventsscopecapture, 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éfiniCompilation 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