...

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

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.


Objectifs
  • Apprendre à réaliser des applications ou des sites WEB pour iPhone, iPad, Android, Blackberry, etc
  • Maîtriser les concepts fondamentaux de Sencha Touch 2
  • Développer des applications mobiles riches avec Sencha Touch 2
Participants
  • Développeur
  • Chef de projet
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 3 jours
  • Réf. : WEB78

Dates de Formations

17 au 19 Avril 2019

12 au 14 Juin 2019

07 au 09 Aout 2019

09 au 11 Oct. 2019

11 au 13 Déc. 2019

Programme
  • 1/ Introduction
    • • Historique :Sencha Touch
    • • Installation & Documentation
    • • Modèle de licence
    • • Concurrents
    • • Contraintes mobile
  • 2/ Squelette application Sencha Touch
    • • Sencha Sdk Tools
    • • Sencha Cmd
    • • Sencha generate app
  • 3/ Objet config
    • • Comprendre la notation
    • • Valeurs par défaut
    • • Lisibilité
    • • Ordre paramètres
    • • Avantages
  • 4/ 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
  • 5/ Architecture MVC
    • • Ext.application
    • • Organisation répertoires & fichiers du projet
    • • clés : name, appFolder, launch
    • • Controlleur : init, control
    • • Vue
    • • Model
  • 6/ Conteneur Sencha Touch
    • • Modèle de composant ExtJS
    • • Différence entre composant et conteneur
    • • Notion de Conteneur
    • • Parent/enfant
    • • Panel, TabPanel, Viewport, Window
    • • xType
  • 7/ Layout Sencha Touch
    • • Notion de Layout & valeur ajoutée
    • • relation Conteneur / Layout
    • • BorderLayout , Layout accordéon
    • • attributs : region, fit, strech
    • • Hbox, Vbox
  • 8/ Gestion Evènements Sencha Touch
    • • Bonnes pratiques
    • • Ext.util.Observable
    • • el.on, el.un
    • • addListener
    • • removeListener
    • • addEvents
    • • fireEvents
    • • scope
    • • capture, bubble
  • 9/ Formulaires Sencha Touch
    • • Combobox
    • • Champ / zone texte
    • • CheckBox, Boutton radio
    • • zone texte, Editeur de texte
    • • Validation personnalisée
    • • soumission formulaire
  • 10/ Accès données Sencha Touch
    • • Template, XTemplate
    • • Accès local et distant
  • 11/ Template
    • • Notion de template ExtJS
    • • Arbre DOM prédéfini
    • • Compilation template
    • • notion de Template
    • • XTemplate
    • • balise
    • • tpl if, tpl for
  • 12/ Gestion Evènement
    • • Ext.util.Observable
    • • addEvent, fireEvent
    • • el.on, el.un
  • 13/ Cartes et Multimédia
    • • Cartes (Google Maps)
    • • Multimédia