Formation EXTJS

Formation EXTJS

Formateur :
Catégories :
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

Développeur et formateur Web Open source et CMS

Développeur et formateur Java

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.

Total number of students in course: