Ext JS Mixte : présentiel / à distance

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

• Développeurs

• Connaître JavaScript est un plus

Modalités de formation:

• Formation réalisée en présentiel, à distance ou mixte,
• Toutes nos formations peuvent être organisées dans nos locaux ou sur site
• Feuille de présence signée en demi-journée, questionnaires d'évaluation de la satisfaction en fin de stage et 60 jours après, attestation de stage et certificat de réalisation.
• Horaires de la formation: 9h - 12h30 et 13h30 - 17h.
• Les horaires de la formation sont adaptables sur demande.

• Formateur expert dans le domaine,
• Mise à disposition d'un ordinateur, d'un support de cours remis à chaque participant,
• Vidéo projecteur, tableau blanc et paperboard,
• Formation basée sur une alternance d'apports théoriques et de mises en pratique
• Formation à distance à l'aide du logiciel Teams pour assurer les interactions avec le formateur et les autres stagiaires, accès aux supports et aux évaluations. Assistance pédagogique afin de permettre à l'apprenant de s'approprier son parcours. Assistance technique pour la prise en main des équipements et la résolution des problèmes de connexion ou d'accès. Méthodes pédagogiques : méthode expositive 50%, méthode active 50%.

• Evaluation des acquis tout au long de la formation : QCM, mises en situation, TP, évaluations orales…

L'accessibilité des personnes en situation de handicap au cœur de nos préoccupations !En leur qualité d'Établissements recevant du public (ERP), les organismes de formation doivent respecter les dispositions en matière d'accessibilité des personnes en situation de handicap.

AFIB aménage et adapte ses installations et ses formations pour les rendre accessibles aux personnes handicapées, quel que soit leur handicap.

 

Un accueil adapté

Si vous êtes en situation de handicap, contactez nous avant le début de votre formation pour que nous puissions vous orienter efficacement et vous accueillir dans les meilleures conditions.

 

Des locaux aménagés

Nous aménageons l'accès à nos locaux et aux postes de travail en fonction des handicaps des personnes.

• Salles de cours et commodités adaptées au rez-de-chaussée (Mérignac)
• Salles de cours et commodités au premier étage avec ascenseur (Périgueux)

Notre parking est équipé d'une place réservée et nos locaux sont accessibles par une rampe d'accès pour les personnes à mobilité réduite.