Formation Framework Sencha Ext-JS

1/ Javascript avancé

• Bonnes pratiques

• Développement objet

• Evènements

• Concepts Ajax DOM-2

2/ Introduction à Ext JS

• Pourquoi Ext JS ?

• Présentation générale

• Plateforme Sencha

• Le framework Ext JS 6, principes et fonctionnement

• Installer Ext JS et son environnement

• Ecrire, exécuter et déboguer du code

• Architecture

• Documentation

3/ Architecture Ext JS

• Application MVC

• Contrôleur, Vue, Modèle

• Namespaces et références

• Layouts et containers

• Data : model, store et proxy

• Listeners

4/ Maîtriser les concepts essentiels d’Ext JS

• Structure d’une application

• Instanciation d’un objet

• Gestion du DOM

• Système de classes : définir et hériter une classe

• Composants

• Data Package

• Chargement dynamique des classes

5/ Création de composants

• Objets Panels, Toolbar et Buttons

• Layouts et conteneurs

• Evènements

• Grilles : Ext.grid.Panel

• Trees : affichage hiérarchique des données

• Charts : axes, séries, légendes

• Formulaires

• Package Draw

6/ Architectures

• MVC et MVVM

• Concepts du pattern V VC VM

• Architecture des applications

• Ecrans multiples

• View Controllers

• View Model et Data Binding

• Comprendre le fonctionnement d’un ViewModel

• Dépendances : requires, views, models et stores

• Evènements personnalisés

• Modulariser les classes

7/ Sencha Cmd

• Introduction à Sencha Cmd

• Utiliser Sencha Cmd avec Ext JS 6

• Workspaces

• Packages

8/ Accés aux données avec Ext JS

• Modèles, définition

• Champs

• Proxies

• Stores

• Chargement

• Sélection

• Filtres

• Ajouts

• Enregistrements, mise-à-jour et suppression

• Envoi et réception de données (HTTP, AJAX, JSONP)

9/ Thèmes

• Thèmes par défaut et thèmes personnalisés

• L’outil Fashion

• Packages Sencha Font

• Utilisation d’Ext.override

• Debugging – Utilisez les outils pour déboguer Ext JS

• Ecosystème Ext JS

• L’outil App Inspector

• L’extension Illuminations for Developers

10/ Drag and drop

• Concepts : source et target

• Plugins : grid et tree

• Dragzone et dropzone

11/ Ext direct

• Fonctionnalités

• Configuration

• API

• Routeur

• Client

12/ Graphs et dessins : package draw

• Surface

• Interactions

13/ Concepts avancés

• Routage

• Responsive Design

• Mise en production

• Internationalisation

• Améliorer les performances