01 56 59 33 00
united-kingdom

EXT JS

4-JS-EXT
4-JS-EXT
Durée : 3 jour(s)
soit 21 heures
Prix : 1650 €
Programmes
Introduction
  • ExtJS 6 : Web & Mobile
  • La mise en œuvre 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 / gestionnaires
  • 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
Objectifs
Maîtriser le mode de programmation Ext
Comprendre comment mettre en œuvre des composants avancés
Prérequis
Bon niveau Javascript
Profil des participants
Chefs de projets, Développeurs
Dates des prochaines sessions :
Du 31 Janvier 2022 au 02 Février 2022
Du 04 au 06 Juillet 2022
Du 19 au 21 Octobre 2022
Maîtriser le mode de programmation Ext
Comprendre comment mettre en œuvre des composants avancés
Introduction
  • ExtJS 6 : Web & Mobile
  • La mise en œuvre 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 / gestionnaires
  • 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
Chefs de projets, Développeurs
Bon niveau Javascript

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 31 Janvier 2022 au 02 Février 2022
Du 04 au 06 Juillet 2022
Du 19 au 21 Octobre 2022

Réservez votre formation

Que cherchez-vous ?