picto Web - Digital

Formation ExtJS 4 Avancé

Référence

IEJA

Durée

2 JOURS

Tarif

EN INTRA SEULEMENT

NIVEAU

Expert

Cours à distance

Non

Objectifs de la formation ExtJS 4 Avancé

A l'issue de cette formation ExtJS 4, vous serez capable de :
- 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

Pré-Requis

A l'issue de cette formation ExtJS 4, vous serez capable de :
- 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

Public

Cette formation ExtJS s'adresse aux développeurs ExtJS.

Contenu du cours ExtJS 4 Avancé

 

Thèmes ExtJS 4

Complexité et limites de CSSSaas : extension de CSS 3Compass : frameworkInstallation Ruby / Saas / CompassCréation d’un thème personnaliséoutil : Sass, Compass

Mise en production

Regrouper vos JS dans un seul fichierCompresser vos JSOutil : Sencha Cmd

Création Composants

Création composants visuels ExtJS 4Clé ’initComponent’Alias , xtypeClés personnaliséesCréation de pluginCréation d’extension

Accès aux données

Mise en oeuvre Proxy REST, JSONP,Mise en oeuvre Proxy HTML5 : localStorage, SessionStorageManipulation Model : load, saveManipulation Associations, ValidationStore : tri, grouping, filtres

Glisser-Déposer

Fondamentaux Drap&Drop ExtJSClasses ExtJS impliquéesRendre ’draggable’, ’droppable’Classe DDProxyGlisser-déposer de WidgetGlisser-déposer de Noeuds DOM

Ext.Direct

Concepts communication RPCArchitecture Ext DirectRouterExemple avec PHPExemple avec JAVA

Système de classes ExtJS 4

DéfinitionHéritageLoaderMixinsStaticsConfigs