Formation ExtJS

Programme de notre formation sur Ext JS

Présentation d’ExtJS

• Introduction
• Framework Ext JS 6.7 & 7.0
• Écrire du code
• Exécuter du code
• Déboguer du code
• Documentation
• Architecturer une application

Fondamentaux d’ExtJS

• Structure d’une application
• Instanciation d’objet
• Fonctionnement DOM
• Définir une Classe
• Hériter une Classe
• Chargement dynamique

Composants de base d’ExtJS

• Intégration des scripts et CSS
• Les Classes de base
• Composants
• Conteneurs & Layouts
• Événements
• Les Panels, Toolbar et Buttons
• Comprendre les Layouts
• Les objets Windows
• Méthodes utiles
• Form Groups : Formez des groupes pour regrouper facilement une collection de cases à cocher ou de boutons radio pour prendre en charge des actions telles que la personnalisation ou la validation de la mise en page au niveau du groupe.
• Breadcrumb Toolbar : permet de présenter des informations hiérarchiques dans un format de fil d’Ariane.
• Grid Updates : Mises à jour de grille qui prennent en charge l’édition par glisser-déposer des lignes, afin que les utilisateurs puissent facilement déplacer, réorganiser et insérer du contenu dans une ligne ou une cellule.
• Grid Collapsible Groups : permettent une disposition et une visualisation faciles pour les groupes d’informations.
• Drag-and-Drop in TreeView : Plugin glisser-déposer dans l’arborescence qui permet aux utilisateurs de déplacer et de réorganiser facilement les menus de l’arborescence.

Architectures

• Introduction
• V VC VM
• ViewController
• ViewModel
• Databinding
• Les dépendances
• Événements personnalisés
• Classes modulaires

Sencha Cmd

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

Gestion des données

• Introduction
• Les Modèles
• Fields
• Validations
• Associations
• Les Proxys
• Les Stores
• Méthodes d’envoi et de réception de données
• L’objet ? Forms ?

Composants graphiques orientés données

• Template et Vues
• Les Grilles
• Les Widgets
• Les Arbres (et Fil d’Ariane)
• Les Formulaires
• Les Graphiques

Concepts avancés

• Routes
• Responsive Design
• Les Thèmes
• Mise en production
• Internationalisation
• Performances

Nouveautés introduites avec la version 6 & 7

• Toolkits
• Pivot Grid
• Tree List
• Responsive Column Layout
• Chart Updates
• Spreadsheet selection model
• Improved accessibility
• Triton Theme
• Sencha Inspector
• JetBrains Plugin
• Promises
• Grid Exporter
• Fashion
• Pour aller plus loin :
  • ExtReact
  • ExtAngular
  • Sencha Test & Themer

Siesta Test – Module complémentaire (+1 jour uniquement en intraentreprise)

• Siesta est un module JavaScript et un outil de test de l’interface utilisateur (UI) qui peut effectuer des tests dans les pages web ou dans les processus Node.js.
• Siesta dispose d’un puissant enregistreur et lecteur d’événements et d’un ensemble d’automatisation évolutif avec prise en charge des tests dans le cloud.
• Simulation, User action recorder & player.
• Scalable automation package.
• Intégration à votre flux d’intégration continue (CI).