Formation ExtJS 4

Philosophie et premiers pas avec ExtJS 4

Philosophie et conceptsPositionnement dans le monde des RIA (Flex, Silverlight, GWT, etc.)Valeur ajoutée de ExtJS sur d'autres Framework (Dojo, Yui, jQuery, Gwt, ...)Installation et paramétrageOu trouver de l'aide ?Structure générale d'une application utilisant ExtJS

Le modèle MVC avec ExtJS 4

Vocabulaire et concepts

Rôle du contrôleur

Qu'est-ce qu'une vue ?

Qu'entend-on par modèle ?

Rôle des classes Ext.application et Ext.app.Controller

Organisation des fichiers et des répertoires

La gestion des événements dans Ext JS (contrôleur, listener, ...) Analyse détaillée du cycle de vie de l'ensemble de l'application (chargement, événements utilisateurs, accès serveur, affichage, etc.)
Exemple de mise en oeuvre

Communication avec le serveur (XMl, JSON, Ext Direct)Ajax dans le contexte de ExtJSAccéder aux données du serveur par flux XMl ou JSONConfig object et JSONRègles syntaxiques des objets JSONTransformer une chaîne JSON en objet, tableau, etc. Quel intérêt d'utiliser Ext Direct ? Quelques exemples de synthèseGérer les données avec ExtJSAccès local et distant Manipulation des données statiques Template et XtemplatesTri et regroupementUtilisation d'un Proxy pour accéder aux donnéesAssocier des modèles de données (Ext.data.Model, Ext.Data.Store)Graphe des objets du modèle métierLa validation des donnéesConstruire une interface (conteneur, panel, layout)Différences entre composant et conteneurLes conteneurs et les panelsUn layout pour gérer la disposition des panelsVariantes avec les layouts (fit, absolute, accordion, ...)Personnaliser un layoutExemples de combinaisonsLes composants de base (fenêtre, formulaire, etc. )FenêtresCréation d'un formulaireCycle de vie d'un formulaire (chargement, validation, etc. )Les fondamentaux (champs, toolbar, checkbox, bouton radio, etc. )Les styles CSSComposants personnalisésNavigation entre les composantsLe drag and drop Présentation avancée (grille, arbre, etc. )

Affichage de données structurées dans une grilleFormatage et mise en forme de celluleEvénements et cellulesManipulation de la grilleTreeview et variantes (multiple trees)Chargement de données dans un arbreFiltrage et édition des donnéesGraphiques et dessin

Professionnaliser son application avec EXtJS 4

La charte du développeurConseils sur l'organisation du codeRecommandations sur les types de donnéesAnticiper les problèmes classiques avec les différents navigateursInternationaliser son application (traduction)Localisation (langue, fuseau horaire)Quel format pour le livrable ?Le déploiement