1

Présentation du framework

• Environnement : éditeur, Sencha Cmd...
• Exécuter et déboguer une application.
• Architecture Ext-JS, pourquoi MVVM plutôt que MVC.

2

Concepts fondamentaux

• Structure d'une application.
• Instanciation d'un objet : procédurale vs déclarative, Ext.create(), alias et new. La gestion du DOM.
• Définir une classe : Ext.define(), constructor et config.
• Hériter une classe : extend, overrides et mixins.
• Chargement dynamique des classes.

3

Composants de base

• Composants, Conteneurs et Evénements.
• Les objets «Panels», «Toolbar» et «Buttons».
• Les "Layouts". Les objets "Windows" (classic) et "NavigationView" (modern).
• Le nouvel objet « Menu » (modern).

4

Architecture d'une application

• Le modèle MVVM. Concepts du pattern V VC VM
• Les dépendances : requires, views, models et stores.
• Envoi d'événements. Modulariser les classes.
• Partage de ressource entre Classic et Modern.

5

Gestion des données

• L'ensemble des données : Models, Proxies, Stores.
• Envoi et réception de données (HTTP, Ajax/JsonP).
• Appel direct vs Model et Store. L'objet "Forms".

6

Composants graphiques orientés données

• Templating et Vue. Les graphiques.
• Les grilles : Stores, Columns, Features...
• Les arbres : nœud racine/enfants, TreeStore...
• Les formulaires : soumission, champs, validation...
• Les « List »,« NestedList » et « Grid » en Modern.

7

Concepts avancés

• Routages des URL de l'application.
• Responsive Design.
• Build de l'application avec Sencha Cmd.
• Internationalisation. Amélioration des performances.
• Theming avec Sass et Sencha Fashion.
• Outils optionnels : PivotGrid, Inspector, Test...
• Compatibilité mobile avec les applications universelles.