Développer des Interfaces avec Ext JS 7
Objectifs pédagogiques
- Maîtriser les fondamentaux et la structure d’une application Ext JS 7 moderne
- Développer des interfaces riches et réactives reposant sur le modèle MVVM
- Gérer efficacement les données, les stores et les modèles pour des applications complexes
- Optimiser la performance, la maintenabilité et la réutilisabilité du code
- Exploiter les nouveautés d’Ext JS 7 et les intégrations modernes (Web Components, NPM)
- Mettre en œuvre des pratiques avancées de conception, de thème et de déploiement
Public cible
- Développeurs front-end expérimentés
- Développeurs JavaScript ou TypeScript souhaitant monter en compétence sur Ext JS
- Chefs de projet techniques encadrant des applications Sencha ou Ext JS
Prochaines Sessions
Inscrivez-vous dès maintenant
Besoin urgent ? Demandez une session personnalisée (délai min. 15-20 jours ouvrés)
Devis personnaliséProgramme Détaillé
- Présentation du framework et de son positionnement dans l’écosystème JavaScript
- Comprendre l’architecture modulaire et les Toolkits Classic / Modern
- Installer et configurer l’environnement de développement (Sencha CMD, NPM, JetBrains Plugin)
- Structure type d’un projet et conventions de nommage
- Création d’une première application pas à pas
- Organisation du code et des répertoires
- Bonnes pratiques pour écrire, exécuter et déboguer le code Ext JS
- Introduction aux classes de base et à l’instanciation d’objets
- Cycle de vie d’une application Ext JS
- Fonctionnement du DOM virtuel et des composants
- Comprendre les namespaces et le chargement dynamique
- Les dépendances internes et la gestion des modules
- Composants visuels de base (Panels, Containers, Buttons, Toolbars)
- Système de Layouts : flexibilité, alignement et imbriquation
- Personnalisation des composants et gestion des événements
- Création de composants réutilisables
- Comprendre les modèles MVC, MVVM et leur usage dans Ext JS
- Rôle du ViewController et du ViewModel
- Lier les vues et les données avec le Databinding
- Création d’interactions dynamiques entre composants
- Gestion des événements natifs et personnalisés
- Communication entre vues et contrôleurs
- Organisation modulaire du code et encapsulation logique
- Bonnes pratiques pour la maintenabilité
- Création et structuration des modèles de données
- Définition des fields, validations et associations
- Configuration des proxies (AJAX, REST, JSON)
- Gestion des stores et des collections de données
- Création de formulaires dynamiques
- Validation des champs et gestion des erreurs
- Envoi et réception de données avec les stores
- Intégration avec les APIs REST
- Mise en place de templates et de DataView
- Les Grilles : tri, filtrage, édition en ligne
- Widgets, Tree Panels et Tree Lists
- Export de données (Grid Exporter, CSV, Excel)
- Utilisation du Material Theme et personnalisation avec Fashion
- Création de thèmes personnalisés
- Gestion du responsive design et de l’accessibilité
- Amélioration des performances visuelles
- Mise en œuvre du routing dans les applications multi-vues
- Gestion des états, transitions et URL
- Internationalisation (i18n) et support multilingue
- Gestion des permissions et du contexte utilisateur
- Bonnes pratiques de performance (lazy loading, compression)
- Structuration du build et déploiement via Sencha CMD / NPM
- Tests et maintenance du code
- Documentation et audit du projet
- Utiliser Sencha Inspector pour le débogage et l’optimisation
- Création de plugins et extensions personnalisées
- Intégration de librairies externes (Charts, Pivot Grid, Spreadsheet)
- Gestion de la compatibilité entre Toolkits Classic et Modern
- ExtWebComponents : intégration dans React, Vue et Angular
- Gestion des dépendances avec NPM et modules ES
- Interfaçage avec des APIs backend (Node.js, Java, .NET)
- Architecture hybride : Web Components et micro frontends
- Mise en œuvre d’un mini-projet complet (front + data + routing)
- Application des patterns MVVM et Databinding
- Revue collective et audit de code
- Bonnes pratiques de maintenance, versioning et documentation
Approche pédagogique
Ressources & Actions
✨ Formations Recommandées
Perfectionnez vos compétences avec ces formations complémentaires
Vous trouverez ici les réponses aux questions les plus fréquentes que nous recevons de la part de nos clients. Notre objectif : vous éclairer et vous accompagner au mieux dans le développement des compétences de vos équipes.
Partie 1 : Nos Formations et Notre Approche Pédagogique
Les deux, mais notre véritable valeur ajoutée réside dans le sur-mesure. Nous partons du principe que chaque entreprise a un contexte, une culture et des défis uniques. Notre processus commence toujours par une phase d'écoute et de diagnostic pour co-construire avec vous le programme qui aura le plus d'impact.
Nos formateurs sont des experts seniors dotés d'une double compétence :
- Une expertise métier solide : Ils ont tous une expérience significative en entreprise au Maroc et comprennent les réalités du terrain.
- Une expertise pédagogique confirmée : Ils sont formés aux techniques d'animation pour adultes, favorisant l'interactivité et la pratique.
Nous nous adaptons à vos contraintes et objectifs avec plusieurs formats :
- Présentiel Intra-entreprise : Chez vous, pour une immersion totale.
- Présentiel Inter-entreprises : Pour favoriser le partage d'expériences.
- Distanciel : Des sessions live, interactives et dynamiques.
Partie 2 : Financement et Aspects Administratifs (Spécificités Marocaines)
Oui, absolument. En tant qu'organisme de formation agréé, nos actions sont éligibles au remboursement via les Contrats Spéciaux de Formation (CSF) gérés par l'OFPPT et les GIAC. C'est un levier essentiel pour optimiser votre budget formation.
Oui, c'est un service clé que nous proposons. Nous vous accompagnons de A à Z dans le montage de votre dossier d'ingénierie financière. Notre expertise du système marocain vous garantit la constitution d'un dossier conforme et le suivi jusqu'au remboursement, transformant cette contrainte administrative en une simple formalité pour vous.
Nos tarifs sont transparents et dépendent de la durée, du niveau de personnalisation, du nombre de participants et du format. Le meilleur moyen d'avoir une idée précise est de nous demander un devis personnalisé et gratuit, qui sera accompagné d'une proposition pédagogique détaillée.
Partie 3 : Processus, Logistique et Suivi
Notre processus est simple et centré sur vos besoins :
- Prise de Contact & Analyse : Échange pour comprendre vos enjeux.
- Proposition sur-mesure : Envoi d'une proposition pédagogique et financière.
- Validation & Planification : Ajustements et fixation du calendrier.
- Réalisation de la Formation.
- Évaluation & Suivi : Mesure de la satisfaction et bilan complet.
Oui. Notre réseau de formateurs nous permet d'intervenir sur l'ensemble du territoire marocain, que vos locaux soient à Casablanca, Rabat, Tanger, Marrakech, Agadir ou dans toute autre ville du Royaume.
Oui, la formation ne s'arrête pas à la fin de la session. Nous assurons un suivi rigoureux : remise des attestations, envoi d'un rapport de synthèse, et mise en place d'une évaluation à froid (quelques semaines après) pour mesurer le transfert des compétences. Des sessions de coaching de suivi sont également possibles.
Partie 4 : Impact et Retour sur Investissement (ROI)
Nous utilisons une approche à plusieurs niveaux (inspirée du modèle de Kirkpatrick) :
- Niveau 1 (Satisfaction) : Évaluation à chaud.
- Niveau 2 (Apprentissage) : Quizz et mises en situation.
- Niveau 3 (Comportement) : Évaluation à froid et entretiens avec les managers.
- Niveau 4 (Résultats) : Analyse de l'impact sur vos indicateurs de performance (KPIs).
Pour trois raisons principales :
- Notre Expertise Locale : Nous sommes des spécialistes du marché marocain et africain, de sa culture et de ses mécanismes administratifs (CSF).
- Notre Approche Sur-Mesure : Nous ne vendons pas de formations, nous construisons des solutions adaptées à votre besoin.
- Notre Engagement sur l'Impact : Nous sommes focalisés sur le retour sur investissement tangible de votre budget formation.
Des questions sur cette formation ?
Notre équipe pédagogique est à votre disposition pour répondre à toutes vos questions et vous accompagner dans votre projet de formation.
La dernière commande pour cette formation a été effectuée il y a 4 jours.
4 personnes regardent actuellement cette page.