Formation Développer des applications web performantes avec ExtJS
Maîtrisez ExtJS 7 pour créer des applications web multiplateformes robustes. Apprenez le développement front-end, l'interface utilisateur (UI), la gestion des données et le déploiement. Optimisez vos compétences en développement JavaScript pour des projets innovants et évolutifs.
Maîtriser l'environnement ExtJS 7 et comprendre ses fonctionnalités clés
Concevoir des interfaces utilisateur personnalisées et interactives avec ExtJS
Gérer les données avec efficacité en utilisant la méthode MVVM (Model-View-ViewModel)
Déployer et optimiser des applications ExtJS pour une expérience utilisateur optimale
Programme détaillé
12 modules · 21 heures
01
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.
02
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.
03
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.
04
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.
05
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).
06
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.
07
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.
08
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.
09
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.
10
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.
11
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é.
12
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.
Le conseil de l'expert
L'objectif de cette formation est de maîtriser l'environnement ExtJS 7 et de comprendre ses fonctionnalités clés. Un des défis majeurs que rencontrent souvent les apprenants est la complexité de la gestion des données, notamment lorsqu'il s'agit d'appliquer la méthode MVVM (Model-View-ViewModel). Ce module vous permettra de surmonter cet obstacle en vous fournissant les outils nécessaires pour gérer efficacement les interactions entre les différents composants de votre application.
Une erreur fréquente dans l'apprentissage d'ExtJS est de négliger l'importance d'une interface utilisateur intuitive et réactive. Cette formation se distingue des autres approches en mettant l'accent sur la conception d'interfaces personnalisées et interactives, garantissant ainsi une expérience utilisateur optimale. Grâce à un apprentissage pratique, vous serez en mesure de créer des applications qui se démarquent par leur performance et leur ergonomie.
Ce programme ne se contente pas de vous enseigner les bases d'ExtJS ; il vous offre également une immersion dans des cas d'utilisation réels et des projets concrets. Vous apprendrez à déployer et à optimiser vos applications, ce qui vous fournira une perspective précieuse sur les meilleures pratiques du secteur. En adoptant une approche axée sur des projets pratiques, vous développerez des compétences directement applicables à votre environnement professionnel.
Pour tirer le maximum de cette formation, je vous recommande d'arriver avec des idées précises sur des projets que vous souhaitez réaliser avec ExtJS. Cela vous permettra d'appliquer immédiatement les concepts abordés et de poser des questions spécifiques en cours de formation. N'hésitez pas à partager vos préoccupations et vos objectifs avec vos formateurs, qui seront là pour vous guider et vous soutenir tout au long de votre apprentissage.
Pourquoi choisir cette formation en informatique
🎯
Maîtrise d'ExtJS 7
Développez une expertise approfondie d'ExtJS 7, en explorant ses fonctionnalités clés pour créer des applications web modernes et efficaces.
🖥️
Interfaces Utilisateur Personnalisées
Apprenez à concevoir des interfaces utilisateur interactives et sur mesure, augmentant l'engagement et la satisfaction des utilisateurs.
📊
Gestion Efficace des Données
Maîtrisez la méthode MVVM pour une gestion des données fluide et efficace, essentielle pour des applications dynamiques et performantes.
🚀
Optimisation et Déploiement
Découvrez les meilleures pratiques pour déployer et optimiser vos applications ExtJS, garantissant une expérience utilisateur optimale.
🔄
Routage et Navigation
Maîtrisez les techniques de routage et de gestion de l'historique pour créer des applications web intuitives et réactives.
👥
Formation Inter-entreprises
Participez à une formation inter-entreprises qui favorise l'échange d'expériences entre professionnels, enrichissant ainsi votre apprentissage.
Compétences acquises
Maîtrise de l'environnement ExtJS 7
Installer et configurer Sencha Cmd et ExtJS 7. Naviguer dans la structure d'un projet. Développer et déboguer des applications ExtJS efficacement.
Conception d'interfaces utilisateur ExtJS
Créer des interfaces web robustes et réactives avec les composants ExtJS standards. Gérer les layouts, les formulaires, les grilles et les arbres pour une UX optimale.
Gestion avancée des données et architecture MVVM
Modéliser les données avec les Modèles et les Stores. Implémenter l'architecture MVVM pour la liaison de données et la séparation des préoccupations.
Déploiement et optimisation d'applications ExtJS
Maîtriser le processus de build avec Sencha Cmd. Optimiser les performances des applications ExtJS et les déployer pour une utilisation multiplateforme.
Public, prérequis et modalités
Public visé
Développeurs Web JavaScript
Architectes Logiciels
Chefs de Projet Technique
Développeurs Front-End Senior
Prérequis
Aucun prérequis spécifique, mais une bonne connaissance de la programmation JavaScript est recommandée.
Moyens pédagogiques
Salle équipée, supports remis en PDF, cas réels rejoués en atelier, 8 participants maximum.
Suivi & évaluation
Évaluation continue des projets réalisés pendant la formation
Test d'aptitude pour évaluer les compétences acquises
Évaluation par un expert pour valider la maîtrise de l'environnement ExtJS 7
Accessibilité
Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription.
Plusieurs dispositifs permettent de prendre en charge tout ou partie du coût. Nos conseillers identifient avec vous la solution la plus adaptée à votre situation.
OPCO
Formations financées via votre opérateur de compétences
Les OPCO peuvent prendre en charge tout ou partie des frais de formation de vos salariés, dans le cadre du plan de développement des compétences ou de l'alternance.
Les Fonds d'Assurance Formation financent les formations des indépendants, auto-entrepreneurs, professions libérales et chefs d'entreprise (FAFCEA, AGEFICE, FIFPL…).
France Travail peut financer votre formation via l'AIF (Aide Individuelle à la Formation) ou des achats directs. Parlez-en à votre conseiller pour vérifier votre éligibilité.
Dans le cadre du plan de développement des compétences, l'employeur prend en charge le coût pédagogique et maintient la rémunération pendant la formation.
Le FNE-Formation accompagne les entreprises en mutation économique ou en transition écologique et numérique, avec une prise en charge pouvant aller jusqu'à 100 %.
« Après la formation, il a réussi à créer une application web complexe en utilisant ExtJS, intégrant des formulaires et des grilles pour une meilleure interactivité. »
« Il a optimisé l'interface utilisateur d'un projet en appliquant les concepts de layout appris, ce qui a amélioré l'expérience des utilisateurs. »
Questions fréquentes
- Bonne connaissance de JavaScript (ES6+)\n- Notions de HTML et CSS\n- Familiarité avec les concepts de développement Web (DOM, API REST)
- Ordinateur portable récent (Windows, macOS ou Linux)\n- Connexion internet stable\n- Éditeur de code (VS Code recommandé)\n- Navigateur Web moderne (Chrome, Firefox ou Edge)
5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.
Plateforme et contenus e-learning à disposition.
Test de positionnement Quizz &
Evaluations
Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé.
Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.
A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés.
Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.
♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.
Saskia Cazettes
Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com
23 mars 2026
La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.
Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.
Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.
Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.
Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.
La formation est conçue pour les développeurs JavaScript débutants ou confirmés qui veulent maîtriser ExtJS 7.
Nous utilisons l'environnement de développement complet de Sencha, ainsi que d'autres outils et logiciels pertinents pour le développement web.
Oui, vous obtiendrez un certificat de participation et de maîtrise de l'environnement ExtJS 7 après avoir terminé la formation et passé l'évaluation finale.
Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.
Demandez un devis pour la formation Développer des applications web performantes avec ExtJS
Programme adaptable à votre contexte. Réponse sous 24 h ouvrées, sans engagement.
