2 jours
Perfectionnement / Avancé
Présentiel Classe à distance
AC
Accueil › Formations › Informatique › Mobilité › Développement WebApp › Développer des applications multiplateformes avec ExtJS 7
Objectifs de formation
A l'issue de cette formation, vous serez capable de :
- Concevoir des applications Web interactives et multiplateformes avec la bibliothèque ExtJS 7.
Prérequis
Avoir une bonne connaissance du langage JavaScript et de la Programmation Orientée Objet (POO).
Validez les prérequis
Afin de vérifier que vous disposez bien des prérequis nécessaires à cette formation, nous vous invitons à réaliser ce test.
Temps estimé : 4 minutes.
Passer le testPublic concerné
Développeurs Web.
Programme
Jour 1 - Introduction et concepts fondamentaux
Présentation générale du framework ExtJS 7
- Introduction à ExtJS 7 et la plateforme Sencha
- Principes et fonctionnement
- Exécution et débogage
- Architecture d'application : MVVM et MVC
Concepts fondamentaux d'ExtJS 7
- Structure d'une application
- Système de classes : définition et héritage
- Instanciation des objets
- Gestion du DOM
- Chargement dynamique des classes
Exemples de travaux pratiques (à titre indicatif)
- Création d'une application de base
- Créer une application de gestion de tâches
- Créer une structure de projet ExtJS 7
- Définir des classes pour les tâches avec des propriétés comme titre, description et date d'échéance
- Implémenter des méthodes pour ajouter, modifier et supprimer des tâches
- Manipuler le DOM pour afficher les tâches
Les composants de base d'ExtJS 7
- Définitions des composants, conteneurs et événements
- Fonctionnalités Modern Toolkit
- Objet Panels, Toolbars et Buttons
- Objet Layout, Windows et NavigationView
- Evénements
Jour 2 - Architecture et gestion des données
Architecture d'une application
- MVC et MVVM
- Concepts du pattern V VC VM
- Architecture des applications
- View Controllers
- View Model et Data Binding
- Dépendances :
- Requires
- Views
- Models
- Stores
- Modulariser les classes
Exemples de travaux pratiques (à titre indicatif)
- Développement d'une application MVC / MVVM
- Structurer l'application de gestion de tâches en MVC / MVVM
- Mettre en place une architecture MVC
- Créer des View Controllers et des View Models pour gérer les tâches
- Implémenter le Data Binding entre les vues et les modèles
Gestion des données
- Définition des Models
- Champs, Proxies et Stores
- Chargement, sélection et filtres
- Ajout, enregistrement, mise à jour et suppression
- Envoi et réception des données (HTTP, Ajax / JSONP)
Exemples de travaux pratiques (à titre indicatif)
- Manipulation de données
- Intégrer des données dynamiques dans l'application de gestion de tâches
- Créer et gérer des Models, Proxies et Stores pour les tâches
- Charger des données dynamiquement depuis un serveur simulé
- Implémenter des fonctionnalités pour ajouter, mettre à jour et supprimer des tâches
Jour 3 - Composants avancés et concepts avancés
Utilisation avancée des composants de données
- Templating et Vue
- Les graphiques
- Les grilles
- Les arbres
- Les formulaires
- Les List, NestedList et Grid en Modern
Exemples de travaux pratiques (à titre indicatif)
- Composants avancés
- Utiliser des composants avancés pour afficher et gérer les tâches
- Créer et configurer des Grids pour afficher les tâches
- Utiliser des formulaires pour collecter et valider des données utilisateur
- Implémenter des Vues en List et NestedList
Concepts avancés et optimisation
- Routing
- Responsive Design
- Build de l'application
- Amélioration des performances
- Theming avec Sencha Fashion
- Compatibilité mobile avec les applications universelles
Exemples de travaux pratiques (à titre indicatif)
- Optimisation et thématisation
- Optimiser et thématiser l'application de gestion de tâches
- Configurer le routing pour une navigation avancée
- Implémenter un design responsive
- Optimiser les performances de l'application
- Appliquer des thèmes personnalisés avec Sencha Fashion
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités, méthodes et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Accessibilité de la formation
Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Les détails de l'accueil des personnes en situation de handicap sont consultables sur la page Accueil et Handicap.
Modalités et délais d’accès à la formation
Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.
