Formation ExtJS 4 avancée

Objectifs de la formation ExtJS 4 avancée

La bibliothèque Javascript Ext JS est un outil puissant pour construire des applications Web interactives qui fournit un grand nombre de composants visuels.

A la fin de cette formation ExtJS 4 avancée, vous saurez :

• augmenter la modularité de vos applications ExtJS en créant des composants personnalisés (Extensions et plugins)
• améliorer l'ergonomie de votre application en mettant en oeuvre du glisser-déposer (Drag & Drop)
• mettre en oeuvre une communication clients-serveur par RPC avec Ext.Direct
• produire des reporting avec des graphes
• optimiser les performances de vos applications ExtJS 4
• concevoir une application ExtJS

Public concerné Développeurs Web. Pré-requis Connaitre le Ext JS 4 ou avoir suivi la formation Ext JS 4.

Informations pratiques Référence : #EJa01 Durée : 2 jours (14 heures) Tarif inter-entreprises: 1 550 € HT Stage intra-entreprise disponible   Dates :  - du 13 au 14 Juin   Consultez-nous pour obtenir un devis et les prochaines disponibilités de nos consultants formateurs.

Présence nationale Cliquez sur l'image pour l'agrandir Auxerre, Bordeaux, Caen, Clermont-Ferrand, Dijon, Grenoble, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Perpignan, Reims, Rennes, Rouen, Strasbourg, Toulouse, Toulon, Tours

Programme de la formation Ext JS

Rappels sur le développement avec Ext JS 4

• Les bonnes pratiques
• L'architecture d'ExtJS
• Les formulaires Ext JS
• Les conteneurs et layouts ExtJS
• L'interface utilisateur ExtJS
• Accéder aux données avec ExtJS

Créez des composants ExtJS 4

• A quel besoin ça répond ?
• Quelle méthodologie suivre ?
• Industrialiser la création de composants
• Javascript : héritage
• Namespaces
• Ext.define, Ext.regStore
• Le cycle de vie à respecter
• initComponent(), onRender()
• Les bonnes pratiques

Créer vos plugins Ext JS 4

• Différences entre extensions et plugins
• Codage d'un plugin ExtJS
• Utilisation d'un Plugin ExtJS
• Attribut 'plugins'
• Exemple de mise en oeuvre

Mettre en place du Glisser-Déposer (drag&drop) avec Ext JS 4

• Fondamentaux Drap&Drop ExtJS
• Classes ExtJS impliquées
• DDProxy
• Glisser-déposer de Widget
• Personnaliser le Drag&Drop

Communiquer avec le serveur grâce à Ext.Direct

• Concepts communication RPC
• Architecture Ext.Direct
• Router
• Exemple avec PHP
• Exemple avec JAVA

Dessins et Graphes ExtJS 4 (drawing and charting)

• Création de graphes (charts) : axes, séries, légende
• SVG, Canvas
• Store
• Mise oeuvre avec ExtJS4 et Javascript

Concevoir vos applications Ext JS

• Namespace
• Arborescence
• Décomposition d'écrans
• Segmentation

Logiciels utilisés

Tout logiciel où il n'y a aucun intérêt pédagogique à le faire faire par les stagiaires sera préinstallé sur les postes.

Wamp

ExtJS

Firebug

Travaux pratiques

Tout au long de cette formation, de nombreux exercices seront effectués. En effet, environ 70% du temps est concacré à la pratique.

Formations connexes disponibles dans notre centre de formation

Si vous souhaitez aller plus loin après la formation ExtJS, vous pouvez suivre les formations Ajax et JQuery, ou Ext GWT.

Financement de la formation professionnelle

Ce cours peut être financé par l'OPCA (Agefos, Fafiec, Opcalia...) de votre entreprise ou par le Fongecif de votre région.

Il peut également être suivi dans le cadre du DIF, du CIF, ou d'une période de professionnalisation.