Formation Développer des applications web performantes avec ExtJS

Programme de la formation
Développer des applications web performantes avec ExtJS

• Introduction à ExtJS 7 et Environnement de Développement

  - Présentation d'ExtJS 7 : architecture, avantages, cas d'usage.
  - Configuration de l'environnement de développement : Node.js, Sencha Cmd, IDE.
  - Création d'un premier projet ExtJS : structure de fichiers et démarrage rapide.

• Bases du Cadre de Travail ExtJS et Composants Fondamentaux

  - Comprendre les classes, le système de modélisation orienté objet d'ExtJS.
  - Utilisation des composants de base : Panneau, Conteneur, Fenêtre.
  - Gestion du layout : Box, Border, Accordion layouts pour l'organisation UI.

• Interagir avec l'Utilisateur : Composants d'Interaction

  - Formulaires et champs de saisie : TextField, NumberField, ComboBox, DatePicker.
  - Validation des données côté client.
  - Gestion des événements : écouteurs et déclencheurs sur les composants.

• Affichage de Données Structurées : Grilles et Arbres

  - Introduction aux composants GridPanel et TreePanel.
  - Configuration des colonnes, des données et de la pagination.
  - Opérations CRUD sur les grilles : ajout, modification, suppression.

• Gestion des Données : Modèles, Stores et Proxies

  - Définition des Modèles (Model) pour structurer les données.
  - Utilisation des Stores (Store) pour charger et gérer les collections de données.
  - Connexion aux sources de données via les Proxies (Ajax, REST).

• Routage, Navigation et Gestion de l'Historique

  - Implémentation du routage d'applications MVC/MVVM.
  - Gestion de l'historique de navigation et des vues.
  - Synchronisation de l'URL avec l'état de l'application.

• Architecture MVVM (Model-View-ViewModel) avec ExtJS

  - Principes du pattern MVVM et son implémentation dans ExtJS.
  - Utilisation du ViewModel pour la liaison de données (data binding).
  - Création de vues réactives et découplées de la logique métier.

• Thèmes et Personnalisation de l'Interface Utilisateur

  - Comprendre le système de thèmes SASS/CSS d'ExtJS.
  - Personnalisation des thèmes existants : couleurs, polices, espacements.
  - Création d'un thème personnalisé pour l'application.

• Composants Charting et Visualisation de Données

  - Intégration des composants Chart pour la visualisation.
  - Types de graphiques : barres, lignes, secteurs, courbes.
  - Configuration des données, axes et légendes des graphiques.

• Déploiement et Optimisation des Applications ExtJS

  - Processus de build avec Sencha Cmd.
  - Optimisation des performances : minification, compression, chargement paresseux.
  - Déploiement d'une application ExtJS en production.

• Gestion des Plugins et Extensions Tiers

  - Utilisation des plugins ExtJS pour étendre les fonctionnalités des composants.
  - Intégration de bibliothèques tierces dans une application ExtJS.
  - Bonnes pratiques pour l'extension et la modularité.

• Développement Multiplateforme et Bonnes Pratiques

  - Conception responsive et adaptative pour différents écrans.
  - Bonnes pratiques de codage ExtJS : performance, maintenabilité, modularité.
  - Débogage avancé des applications ExtJS.