A l'issue de cette formation, vous serez capable de :

• Concevoir des applications Web interactives et multiplateformes avec la bibliothèque ExtJS 7.

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