Formation ExtJS 4 ’Avancé’
Présentation formation ExtJS ’Avancé’
Adaptez le style visuel (css) des composants ExtJS 4 avec Sass et Compass. Améliorez l’ergonomie de vos écrans avec le glisser-déposer. Maîtrisez les opportunités d’optimisation des performances de vos applications (Infinite Grid, Loader, bonnes pratiques) . Préparez le déploiement de vos applications ExtJS 4. Communiquez avec les serveurs Java/Php via RPC (Ext.Direct). Enfin, approfondissez vos connaissances du de ExtJS MVC (Associations, Validatons Model) et du package Data
| Dates (2j) | Tarif (Euros HT) | Audience | Pratique | Financement | Contact | Inscription |
|---|---|---|---|---|---|---|
|
11-12 juil (Par) 14-15 nov (Par) |
Inter : 1890 Intra : 3500 |
Développeurs ExtJS | 70% |
Opportunités financement |
01 40 07 81 28 | Bulletin inscription |
Logiciels utilisés
ExtJS 4.2
Vous allez apprendre à :
Modifier le style visuel des écrans ExtJS 4 avec Saas & Compass
Approfondir connaissances architecture MVC d’ExtJS 4 (Associations, Validations)
Optimiser la mise en production de vos applications ExtJS 4
Maîtriser le nouveau système de classe ExtJS 4
Mettre en oeuvre technique glisser-déposer (Drag & Drop)
Mettre en oeuvre communications clients serveur par RPC (Ext.Direct)
Optimiser les performances application ExtJS 4 : Infinite Grid, Loader
Programme détaillé
Thèmes ExtJS 4
Complexité et limites de CSS
Saas : extension de CSS 3
Compass : framework
Installation Ruby / Saas / Compass
Création d’un thème personnalisé
outil : Sass, Compass
Mise en production
Regrouper vos JS dans un seul fichier
Compresser vos JS
outil : Sencha Cmd
Création Composants
Création composants visuels ExtJS 4
Clé ’initComponent’
Alias , xtype
Clés personnalisées
Création de plugin
Création d’extension
Accès aux données
Mise en oeuvre Proxy REST, JSONP,
Mise en oeuvre Proxy HTML5 : localStorage, SessionStorage
Manipulation Model : load, save
Manipulation Associations, Validation
Store : tri, grouping, filtres
Glisser-Déposer
Fondamentaux Drap&Drop ExtJS
Classes ExtJS impliquées
Rendre ’draggable’, ’droppable’
Classe DDProxy
Glisser-déposer de Widget
Glisser-déposer de Noeuds DOM
Ext.Direct
Concepts communication RPC
Architecture Ext Direct
Router
Exemple avec PHP
Exemple avec JAVA
Système de classes ExtJS 4
Définition
Héritage
Loader
Mixins
Statics
Configs
