XXL Formation

Ext JS

Par XXL Formation

Objectifs

Maîtriser le mode de programmation ExtComprendre comment mettre en œuvre des composants avancés

Programme

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

Formations de la même catégories (5)

Retengr
Kotlin pour les développeurs objetsPar Retengr

L’annonce par Google de l’adoption de Kotlin pour les développements Android a fait grand bruit. Ce langage plein de promesses, se retrouve depuis propulsé sur le devant de la scène et séduit nombre de développeurs grâce aux évolutions qu’il propose par rapport aux langages de programmation classiques.

Depuis 2008, la plateforme au robot vert de Google a su évoluer et intégrer, année après année, nouveautés et évolutions du SDK pour pouvoir répondre aux besoins toujours grandissants autour de nos smartphones, tablettes et autres accessoires connectés. Ce workshop est destiné à mettre les participants en situation totale ; ils développeront rapidement une application mobile, en reprenant les standards et les bases fondamentales du développement Android d’aujourd’hui.

M2i Formation
Prometheus - SupervisionPar M2i Formation
  • Connaître les fonctionnalités de Prometheus
  • Le mettre en oeuvre pour une supervision de services dynamiques.
XXL Formation
Algorithmique et programmation structuréePar XXL Formation

Comprendre l’algorithmique pour tout débutant en programmationCette formation est primordiale pour bien programmer, quel que soit le langage de développement choisi et les outils papier ou bureautique adoptés

Dawan
Vue.js : InitiationPar Dawan

Réaliser des applications front-end avec Vue.js

MySezame
Formation à l'innovation sociale et au business for goodPar MySezame

Une formation sur-mesure pour vos salariés pour leur donner toutes les cartes afin de maîtriser les enjeux sociaux et environnementaux dans le monde de l'entreprise, et comprendre comment à leur échelle ils peuvent apporter du sens et de l'impact à leur business ! 

Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs. En cliquant sur ”J’ai compris”, vous acceptez l’utilisation de ces cookies.