Présentation formation ExtJS ‘Avancé’
Adaptez le style visuel (css) des composants ExtJS 5 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 5. Communiquez avec les serveurs Java/Php via RPC (Ext.Direct). Enfin, approfondissez vos connaissances du de ExtJS MVC (Associations, Validatons Model), MVVM et et du package Data
Dates (2j) | Tarif (Euros HT) | Audience | Pratique | Financement | Contact | Inscription |
---|---|---|---|---|---|---|
18-19 nov (Par) |
Inter : 1890 Intra : 3200 |
Développeurs ExtJS | 70% |
Opportunités financement |
07 63 03 11 08 | Bulletin inscription |
Logiciels utilisés
ExtJS 5
Vous allez apprendre à :
Modifier le style visuel des écrans ExtJS 5 avec Saas & Compass
Approfondir connaissances architecture MVC d’ExtJS 5 (Associations, Validations)
Optimiser la mise en production de vos applications ExtJS 5
Maîtriser le nouveau système de classe ExtJS 5
Mettre en oeuvre technique glisser-déposer (Drag & Drop)
Mettre en oeuvre communications clients serveur par RPC (Ext.Direct)
Optimiser les performances application ExtJS 5 : Infinite Grid, Loader
Programme détaillé
Thèmes ExtJS 5
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 5
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 5
Définition
Héritage
Loader
Mixins
Statics
Configs