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