Formation Informatique

Ext JS

5M-AG-EXT

3 jours, soit 21 heures

Objectif de la formation

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

Prochaines Sessions

Participants / Pré-requis

  • Développeurs

  • Connaître JavaScript est un plus

Les Modalités

Formation réalisée en présentiel ou à distance selon la formule retenue.

Questionnaire d’évaluation de la satisfaction en fin de stage, feuille de présence émargée par demi-journée par les stagiaires et le formateur, Attestation de fin de formation.

Moyens Pédagogiques

  • Formateur expert dans le domaine
  • Mise à disposition d’un ordinateur, support de cours remis à chaque participant, vidéo projecteur, tableau blanc et paperboard
  • Feuille de présence signée en demi-journée, évaluation des acquis tout au long de la formation, questionnaire de satisfaction, attestation de stage

Programme détaillé

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

Les + de la formation

L'examen de certification TOSA (proposé en option) est en français. Il sera passé soit à la fin de la formation, soit ultérieurement dans nos centres de formation. Cet examen de 60 minutes délivrera un diplôme attestant d'un niveau de compétence. Ce cours peut être également animé sur Mac (merci de le préciser à votre conseiller formation).

Nos conseillers en formation sont disponibles pour vous recommander les parcours à suivre selon votre niveau et vous proposer des formations sur-mesure.

Une formation pour un applicatif métier, un déploiement national de formation, nous vous orientons dans votre plan de développement des compétences.

VOIR LES FORMATIONS

planifiées en 2021/2022 dans un de nos centres