Formation ExtJS

Introduction à Ext JS 6 – Hello World

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

Nouveautés Ext JS 6– Découvrez les apports de la version 6, fusion d’Ext JS et Sencha Touch

Combiner Ext JS et Sencha Touch
Toolkit
Thème Triton
Promises
Classic et Modern Grid
Pivot Grid
Le widget Treelist
Responsive Column Layout
Charts : Pie 3D, plugins, évènements

Fondamentaux – Maîtrisez les concepts essentiels d’Ext JS 6

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

Composants – Formez-vous à l’utilisation des composants les plus courants d’Ext JS 6

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

Architectures – Familiarisez-vous avec les différentes approches

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

Sencha Cmd – Comprenez comment Sencha Cmd s’insère dans le développement Ext JS

Introduction à Sencha Cmd
Utiliser Sencha Cmd avec Ext JS 6
Workspaces
Packages

Gestion des données – Accédez aux données avec Ext JS 6

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)

Thèmes – Stylisez vos applications Ext JS

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

Concepts avancés – Allez plus loin avec Ext JS

Routage
Responsive Design
Mise en production
Internationalisation
Améliorer les performances