Ext JS

3 Jour(s)
(21 Heures)
Ref: 5M-AG-EXT
Tarif: à partir de 700 €/Jour
Document PDF

1. Introduction

  • ExtJS 6 : Web & Mobile
  • La mise en oeuvre Objet Config

2. L'architecture application ExtJS 6

  • Les modes: Modern & Classic
  • Les répertoires
  • Les fichiers modern.json, classic.json
  • L'architecture MVVM

3. 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

4. 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

5. 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

6. 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

7. 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

8. Le template ExtJS

  • Présentation
  • L'arbre DOM prédéfini
  • La compilation template
  • XTemplate
  • La balise
  • tpl if, tpl for

9. 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

10. 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

11. Layout ExtJS

  • La notion de Layout & valeur ajoutée
  • La relation Conteneur / Layout
  • Layout clé : BorderLayout
  • Les attributs : region, fit, stretch
  • Hbox, Vbox

12. 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

13. Les composants ExtJS

  • Le modèle de composant ExtJS
  • Ext.Component
  • Lazy rendering
  • ComponentMgr
  • renderTo, applyTo
  • Le cycle de vie

14. 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

A l’issue de notre formation «ExtJS», vous serez en mesure de:

  • Savoir utiliser ExtJS pour développer et créer des applications Mobile et Web
  • Utiliser Sencha Cmd 6 pour concevoir la structure d’une application ExtJS 6
  • Maîtriser l’accès aux données via Model / Proxy / Store
  • Modifier conteneurs et layouts
  • Comprendre et vous approprier les composants de données GridPanel

Participants :

  • Développeurs


Prérequis :

Aucun

Méthodes pédagogiques

La formation est basée sur des cas pratiques et la réalisation de documents professionnels par les stagiaires.
Les méthodes pédagogiques s’appuient sur les méthodes actives adaptées aux adultes. Les stagiaires sont amenés à s’exprimer de façon à les impliquer et à créer un climat de groupe positif et interactif. Le formateur combine des exposés concis et des mises en situation. Écoute active et respect du rythme de chacun sont des priorités.


Modalités pédagogiques

Présentiel ou distanciel


Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, vidéo projecteur - tableau blanc


Modalités d'évaluation

Durant la formation, nous procédons à une évaluation formative tout au long de la formation.
A la fin de chaque session, les stagiaires expriment leur satisfaction concernant la formation en utilisant notre système de vote interactif QuizzBox.
Les stagiaires répondent à l’aide de télécommande, smartphone ou ordinateur, à un questionnaire de satisfaction.
Ce questionnaire permet de vous fournir un compte rendu des points de vue des participants.
Une validation des acquis basée sur les objectifs de la formation est réalisée en fin de session par le formateur ou à l’aide des certifications disponibles (Tosa, Pcie…).


Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle


Accessibilité

Notre site répond aux exigences qualité et normes ERP (Etablissement Recevant du Public).
Nos locaux sont équipés pour accueillir des personnes à mobilité réduite : parking, portes à largeur requise, toilettes adaptées.
Pour toute demande spécifique concernant l’accessibilité handicapée, merci de prendre contact directement avec notre référent, par téléphone, au 04.73.14.32.82 pour voir dans quelle mesure le handicap peut être pris en compte.

Curriculum vitae des intervenants

Nos formateurs disposent d’un haut niveau de savoir-faire pédagogique et d’un fort attachement à la relation humaine.
La valeur ajoutée de notre pédagogie passe par l’échange et le transfert des connaissances entre les formateurs expérimentés et les formateurs juniors, enrichissant cet aspect pédagogique. Cela permet de garantir une pérennité dans nos compétences.
Le plan de développement des compétences de nos salariés récense leurs actions de formation continue. Les salariés sont informés des dispositifs de formation et de qualification tout au long de la vie et savent où trouver les informations.
En signant la charte, les formateurs s’engagent à se former et à actualiser et développer leurs compétences.
Notre équipe se compose de 14 salariés dont 7 formateurs permanents et une équipe de développeurs, notamment sur Excel et Access, qui peuvent intervenir ponctuellement sur certaines formations techniques.


Référent handicap

Notre site répond aux exigences qualité et normes ERP (Etablissement Recevant du Public). Nos locaux sont équipés pour accueillir des personnes à mobilité réduite : parking, portes à largeur requise, toilettes adaptées.
Pour toute demande spécifique concernant l’accessibilité handicapée, merci de prendre contact directement avec nous, Rachel Laidaoui - 04 73 14 32 82, pour voir dans quelle mesure le handicap peut être pris en compte.