vers l'accueil formulaire de contact

Formation ExtJS

Présentation formation ExtJS

JPG - 10 ko

En complément de nos tutoriaux Ajax et notre tutoriel ExtJS, vous apprendrez spécifiquement durant cette formation à créer des applications basées sur le framework ExtJS, dont l’efficacité, la lisibilité et les nombreux widgets prêts à intégrer en ont fait une référence pour le développement d’applications riches/Ajax professionnelles.

Découvrez en profondeur l’architecture d’ExtJS, les composants clés, la gestion évènementielle et les techniques de création de composants spécifiques. développez des interfaces ergonomiques et rapides.

Dates (3j) Tarif (Euros HT) Audience Pratique Financement Contact Inscription
11-13 oct (Paris)
20-22 dec (Paris) 		Inter : 1900
Intra : 5500 		Développeurs Javascript (DOM, Event, héritage) 70% Opportunités
financement 		04 78 29 37 26 Bulletin inscription

Logiciels utilisés
- Framework ExtJS 3
- Firebug,
- Platte forme LAMP/WAMP
- GWT 1.7, GXT

Vous allez apprendre à :

- Comprendre l’architecture technique d’ExtJS
- Mettre en œuvre concepts clés : Conteneur, layout, viewport
- Intégrer ExtJS avec prototype, Yui, jquery
- Récupérer et éditer des données serveur
- Créer des interfaces utilisateur avec ExtJS
- Créer des appels Ajax avec ExtJS
- Créer des composants réutilisables pour vos projets
- Créer l’architecture de vos applications ExtJS
- Coupler ExtJS avec GWT
- Créer vos propres composants ExtJS.
- Associer ExtJS la puissance de GWT !

Programme détaillé

Introduction ExtJS
- Historique
- Positionnement
- Avantages
- Communauté
- Modèle de licence
- Documentation
- Exemples professionnels
- Intégration prototype.js
- Intégration yui, jquery
- Nouveautés ExtJS 3

Installation ExtJS
- adapter
- air
- build
- docs
- examples
- resources
- source
- ext-all.js
- ext-debug.js
- s.gif

Architecture ExtJS
- ExtJS Base & Core
- Composants UI
- Services accès données
- Accès distant (Remoting)
- Utilitaires
- Glisser déposer

Conteneur ExtJS
- Notion de Conteneur
- Parent/enfant
- TabPanel
- Window
- Viewport
- XType

Layout ExtJS
- Notion de Layout
- Représentation visuelle
- relation Conteneur / Layout
- les 12 Layouts d’ExtJS 3.0
- BorderLayout
- Layout fit
- AbsoluteLayout
- Layout accordéon
- Layout formulaire
- Layout Hbox, Vbox

Rappels Javascript et extension ExtJS
- Fonctions
- Objets
- Apply , Call
- Closure
- Prototype
- Evenements
- Json
- Extensions ExtJS
- defer

Rappels DOM et extension ExtJS
- getElementById
- getElementsByTagName
- incompatibilités IE/Firefox
- Valeur ajoutée ExtJS
- Ext.get()
- Ext.Element
- el, getEl()
- createChild(), remove()
- chainage

Rappels Gestion Evènements et extension ExtJS
- Bonnes pratiques
- Ext.util.Observable
- el.on, el.un
- addListener
- removeListener
- addEvents
- fireEvents
- scope
- scopeRef
- capture, bubble

Composants
- Modèle de composant ExtJS
- Ext.Component
- XType
- Lazy
- ComponentMgr
- renderTo, applyTo
- Cycle de vie
- ViewPort

Interface utilisateur ExtJS
- Ext.getCmp, Ext.Element
- Panels
- Widgets
- Menus
- Toolbar
- Combobox
- Styles CSS
- Champ / zone texte
- CheckBox, Boutton radio

Accès données ExtJS
- Template, XTemplate
- Accès local et distant
- Comprendre le GridPanel
- Proxy, Reader, Record, DataStore
- ColumnModel, GridView,
- EditorGridPanel
- DataView, ListView, Treeview
- Charts, Reporting

GridPanel : aspects avancés

- Pagination
- Gestion click, doubleclick
- Menu contextuel
- Renderer

Serveur
- Rappel Ajax (XMLHTTPRequest)
- Ajax façon ExtJS
- XML, JSON
- Ext.Direct
- Pull

Création composants ExtJS
- Valeur ajoutée
- Industrialisation
- Méthodologie
- Composant personnalisés
- bonnes pratiques
- mauvaises pratiques
- exemples

Ext et GWT
- Framework GWT
- Historique
- Le duo gagnant
- mise en œuvre
- Avantages
- Inconvénients
- Concurrents