Description

Cette formation vous permet de maîtriser la bibliothèque Sencha Touch 2 afin de concevoir des applications mobiles multiplateformes. Vous apprendrez à installer l’environnement Sencha Touch, à utiliser ses composants graphiques, à développer vos propres composants, à personnaliser les thèmes et à gérer les données des applications..

À qui s'adresse cette formation ?

Pour qui ?

Développeurs et chefs de projets.

Prérequis

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

Les objectifs de la formation

• Maîtriser les concepts fondamentaux de Sencha Touch 2
• Développer des applications mobiles riches avec Sencha Touch 2
• Packager une application Sencha Touch 2 dans une application native

Programme de la formation

• Présentation du framework
  • Présentation générale du framework Sencha Touch
  • Mise en place de l’environnement avec Sencha Cmd
  • Exécution et débogage d’une application
  • Panorama des solutions de test
  • Documentation du framework
  • Architecture d’une application Sencha Touch basée sur le modèle MVC
  • Comparaison entre Responsive Design et Adaptive Design
  • Travaux pratiques : installation de Sencha Touch et de l’environnement, création d’un workspace et d’une application MVC avec Sencha Cmd
• Concepts fondamentaux
  • Instanciation d'un objet : procédurale vs déclarative, Ext.
  • create() vs new.
  • La gestion du DOM.
  • Les éléments de base : composants, conteneurs et événements.
  • Le système de classes.
  • Les objets "Toolbars" et "Button".
  • Comprendre les "Layouts".
  • Les fenêtres.
  • Travaux pratiques Créer des composants personnalisés.
  • Créer des boutons et des fenêtres.
• Le modèle MVC
  • Concepts du modèle MVC
  • Rôle et fonctionnement du contrôleur
  • Gestion des dépendances : requires, controllers, views, models et stores
  • Référencement des composants via ComponentQuery
  • Émission et gestion d’événements personnalisés
  • Travaux pratiques : création et utilisation d’un contrôleur, mise en œuvre d’événements personnalisés
• Gestion des données
  • L'ensemble des données : Models, Proxies, Stores.
  • Envoi et réception de données : requêtes et réponses HTTP, Ajax/JsonP.
  • Travaux pratiques Gérer les données.
• Composants graphiques orientés données
  • Concepts du modèle MVC
  • Rôle et fonctionnement du contrôleur
  • Gestion des dépendances : requires, controllers, views, models et stores
  • Référencement des composants via ComponentQuery
  • Émission et gestion d’événements personnalisés
  • Travaux pratiques : création et utilisation d’un contrôleur, mise en œuvre d’événements personnalisés
• Thèmes
  • Thèmes par défaut.
  • Créer des thèmes personnalisés.
  • Modifier les CSS et les thèmes avec Sass et Compass.
  • Travaux pratiques Modifier le thème de l'application.
• Utilisation des API natives
  • Les applications hybrides : Build de l'application pour iOS, Android.
  • API natives : Camera, notification, gyroscope.
  • Travaux pratiques Utilisation de l'API Device.