Formation Sencha Touch 2 : Développement pour mobiles multi-plateformes

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 naviGustur 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.

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

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 Tools
• Sencha Cmd
• Sencha generate app

Objet config

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

Architecture Sencha Touch

• Module ‘Core’
• Module Composants UI
• Module 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 projet
• clés : name, appFolder, launch
• Controlleur : init, control,
• Vue
• Model

Conteneur Sencha Touch

• Modèle de composant ExtJS
• Différence entre composant et conteneur
• Notion de Conteneur
• Parent/enfant
• Panel, TabPanel, Viewport, Window
• xType

Layout Sencha Touch

• Notion de Layout & valeur ajoutée
• relation Conteneur / Layout
• Border Layout , Layout accordéon
• attributs : region, fit, strech
• Hbox, Vbox

Gestion Evènements Sencha Touch

• Bonnes pratiques
• Ext.util.Observable
• el.on, el.un
• add Listener
• remove Listener
• add Events
• fire Events
• scope
• capture, bubble

Formulaires Sencha Touch

• Combobox
• Champ / zone texte
• CheckBox, Boutton radio
• zone texte, Editeur de texte
• Validation personnalisée
• soumission formulaire

Accès données Sencha Touch

• Template, XTemplate
• Accès local et distant

Template

• Notion de template ExtJS
• Arbre DOM prédéfini
• Compilation template
• notion de Template
• XTemplate
• balise
• tpl if, tpl for

Gestion Evènement

• Ext.util.Observable
• addEvent, fireEvent
• el.on, el.un

Cartes et Multimédia

• Cartes (Google Maps)
• Multimédia