Ext.js
Informatique
Référence formation : 4-JS-EXT - Durée : 3 jours
- Objectifs
- Pré-requis
- Pédagogie
Organisation
Les sessions de formation ont lieu de 9h00 à 12h30 et de 13h30 à 17h00
Profil formateur
- Nos formateurs sont des experts dans leurs domaines d'intervention
- Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité
Moyens pédagogiques
- Réflexion de groupe et apports théoriques du formateur.
- Travail d'échange avec les apprenants sous forme de réunion - discussion.
- Utilisation de cas concrets issus de l'expérience professionnelle.
- Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
- Alternance entre apports théoriques et exercices pratiques (en moyenne sur 30 à 50% du temps)
Modalités d'évaluation
- Positionnement préalable oral ou écrit.
- Feuille de présence signée en demi-journée.
- Evaluation des acquis tout au long de la formation.
- Questionnaire de satisfaction
- Attestation de stage à chaque apprenant
- Evaluation formative tout au long de la formation.
- Evaluation sommative faite par le formateur .
Public concerné
Salariés - Demandeur d'emploi - Reconversion professionnelle
Adaptation pédagogique et matérielle
Si vous avez besoin d'adaptation matérielle ou pédagogique, merci de prendre contact avec notre référent Handicap par téléphone au 02 35 12 25 55 ou par email à handicap@xxlformation.com
Moyens techniques en formation présentielle
Accueil des apprenants dans une salle dédiée à la formation et équipée avec :
- Ordinateurs
- Vidéo projecteur ou Écran TV interactif
- Tableau blanc ou Paper-Board
Moyens techniques en formation distancielle
A l'aide d'un logiciel comme ® Microsoft Teams ou Zoom, un micro et une caméra pour l'apprenant.
- Suivez une formation en temps réel et entièrement à distance. Lors de la session en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur.
- Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise.
- L'accès à l'environnement d'apprentissage (support de cours, ressources formateur, fichiers d'exercices ...) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.
- Les participants recevront une convocation avec le lien de connexion à la session de formation.
- Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition par téléphone au 02 35 12 25 55 ou par email à commercial@xxlformation.com
Contenu pédagogique
Introduction
- ExtJS 6 : Web & Mobile
- La mise en oeuvre Objet Config
- L'architecture application ExtJS 6
- Les modes: Modern & Classic
- Les répertoires
- Les fichiers modern.json, classic.json
- L'architecture MVVM
La méthodologie création écrans dans ExtJS
- Choisir son conteneur
- Choisir son Layout
- Choisir son composant
- L'insertion des composants (items)
- Création d’un gestionnaire d’évènement
- L'association composant / gestionnaire
- L'analyse classes Container, Component
Le modèle de classe ExtJS
- L'instanciation
- Ext.define, Ext.require
- La gestion dépendances
- Mixins, Config
- La création getters/setters
- Les méthodes Statics
L'accès aux données ExtJS
- Définir Model / Proxy / Store
- Model : associations, validation
- Proxy : client , server, reader, writer
- Store : filtre, tri, grouping
- La clé ‘api’de store
- Les opérations CRUD
- HTML5 : webStorage, SessionStorage
Le composant GridPanel ExtJS
- La clé ‘store’et ‘columns’
- La notion de ‘features’: SummaryFeatures
- La notion de ‘plugins’: RowEditorPlugin
- La gestion évènements
- Infinite Grid
La manipulation DOM façon ExtJS
- DOM bas niveau : document.getElementById
- DOM ExtJS : Ext.get, Ext.fly
- Le type Ext.Element
- Les effets spéciaux
- L'habillage CSS dynamique
Le template ExtJS
- Présentation
- L'arbre DOM prédéfini
- La compilation template
- XTemplate
- La balise
- tpl if, tpl for
La gestion Evènement DOM façon ExtJS
- Les différences gestion évènements IE / Firefox
- L'unification ExtJS gestion évènements
- Ext.util.Observable
- addEvent, fireEvent
- el.on, el.un
Le conteneur ExtJS
- La classe Ext.container.Container
- Le modèle de conteneur ExtJS
- La différence entre composant et conteneur
- Parent/enfant
- Panel, TabPanel, Viewport, Window
- xType
Layout ExtJS
- La notion de Layout & valeur ajoutée
- La relation Conteneur / Layout
- Layout clé : BorderLayout
- Les attributs : region, fit, stretch
- Hbox, Vbox
La gestion des évènements ExtJS
- La classe Ext.dom.Element
- L'évènement sur un noeud DOM : méthodes on(), un()
- L'évènement sur un composant ExtJS : clé ‘listeners’
- La propagation d’un évènement : capture, bubble
- Scope
Les composants ExtJS
- Le modèle de composant ExtJS
- Ext.Component
- Lazy rendering
- ComponentMgr
- renderTo, applyTo
- Le cycle de vie
Les formulaires ExtJS
- La validation des champs
- Le remplissage Combo avec Ajax
- La soumission du formulaire
- handler, listeners
- Le chargement du formulaire
- FieldDefaults
- Anchor : 100%
- LabelWidth
- Frame intégration