أهداف الدورة التكوينية
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
المواضيع: Mobile