Formation EXTJS

Catégories :

Web

Avis :

A propos de cette formation

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

Durant cette formation ExtJS (Ext JS), les participants découvriront le fonctionnement de Ext JS à travers un grand nombre d’exercices pratiques et la découverte des nombreux Widgets qui peuvent être intégrés simplement à une application Web.

Programme de la formation

Vue d'ensemble d'EXTJS

Présentation du framework ExtJS
Positionnement dans le monde des RIA (Silverlight, Flex, GWT, etc.)
Exemples professionnels
Communauté et documentation
Modèle de licence
Outils
Intégration avec d’autres framework : prototype, yui, jquery
Nouveautés d’ExtJS version 5.0 (MVC, graphiques, themes, etc.)
Mise en place du framework
JSBuilder et ExtJS Designer

Quelques rappels utiles

Bonnes pratiques
JavaScript : closure, prototype, json, etc.
Gestion du DOM : compatibilités IE/Firefox, chainage, etc.
Gestion des événements : observable, listener, events, scope, bubble, etc.

Architecture d'EXTJS

ExtJS Base & Core
Composants UI
Services accès données
Accès distant (Remoting)
Utilitaires
Glisser déposer

Approche des formulaires EXT JS

Premiers pas : Ext.onReady, Objet Config, Ext.Msg, Ext.Get, Ext.fly
Les champs de formulaire
Validation standard et personnalisée
Gestion des évènements des champs de formulaire
Intégration d’Ajax et de XML

Conteneur EXTJS

Notion de Conteneur
Parent/enfant
TabPanel
Window
Viewport
XType

Les layout EXT JS

La notion de Layout
Conteneur vs. Layout
Représentation visuelle
Les Layouts ExtJS 4.0 et ExtJS 5.0
- BorderLayout
- Layout fit
- AbsoluteLayout
- Layout accordéon
- Layout formulaire
- Layout Hbox, Vbox
- Layouts, regions et viewport
- Tab panels et Accordions

Interface utilisateur EXTJS

Modèle de composant et cycle de vie
Ext.Component, XType, Lazy, ComponentMgr, renderTo, applyTo, ViewPort
Boutons : split buttons, icon buttons, handlers
Barre d’outils (toolbar): alignement, dividers, spacers
Ext.getCmp, Ext.Element
Panels
Widgets
Menus
Toolbar
Combobox
Styles CSS
Champ / zone texte
CheckBox, Boutton radio

Accès aux données avec EXTJS

Template, XTemplate
Accès local et distant
Comprendre le GridPanel
Proxy, Reader, Record, DataStore
ColumnModel, GridView,
EditorGridPanel
DataView, ListView, Treeview
Charts, Reporting

Enrichir vos RIA grâce au gridpanel EXT JS

Qu’est ce qu’une grille ?
Affichage de données structurées dans une grille
Formatage et mise en forme de cellule
Fonctionnalités intégrées à Ext JS : tri côté client, colonnes visibles/cachés, ré-ordonner des colonnes
Affichage de données serveur dans une grille
source de données XML
source de données JSON
récupération des données dynamiques en PHP dans une base
Manipulation de la grille
Formatage avancé de la grille : pagination, groupement

Les grilles EXT JS

Property grid, Editable grid, xml grid, Bufffered GridView, Grid Data Binding, etc.
Edition simple d’une grille côté client
Edition de plus de types de données : type date, édition avec une ComboBox
Réagir aux changements modifications d’une cellule
Suppression et ajout de lignes dans le data store
Sauvegarde des modifications côté serveur
Mise à jour
Suppression de lignes
Ajout de lignes
Pagination
Gestion click, doubleclick
Menu contextuel
Renderer

Treeview EXTJS

TreeGrid, Check Tree, XML Tree Loader, Multiple trees, etc.
Chargement de données dans un arbre
Drag and drop
Filtrage et édition

Création composants EXTJS

Valeur ajoutée
Exemples
Méthodologie
Industrialisation
Composant personnalisés
Bonnes pratiques

Communication avec le serveur

Rappel Ajax (XMLHTTPRequest)
Ajax façon ExtJS
XML, JSON
Ext.Direct
Pull

Sencha et Google : EXT et GWT

Qu’est ce que GWT
Historique
Le duo gagnant : ExtGWT
Mise en œuvre
Avantages et inconvénients
Positionnement dans le monde des RIA

Autres formateurs

Alexandre

Développeur et formateur Web Open source et CMS

Denis

Développeur et formateur Java

Evan

Lead-développeur .NET et formateur en gestion de projet

Avis

Avis et commentaires extraits des évaluations remplies par chaque stagiaire en fin de formation.

0 Rated 0 out of 0 Ratings

5 stars 0

4 stars 0

3 stars 0

2 stars 0

1 stars 0

Members

Lorem Ipsn gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auci elit consequat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.