Développer avec le framework JavaScript Ext JS

Public :

• Développeurs, Chefs de projets internet, Architectes.

Objectifs :

• Intégrer le framework ExtJS dans la réalisation d'applications et/ou de pages Internet.
• Mettre en œuvres les principaux composants graphiques Ext JS.

Pré-requis :

• Connaissance des langages XHTML et CSS.
• Connaissance du langage JavaScript.

Contenu pédagogique

Introduction

• Présentation de Sencha et Ext JS
• Ext JS et les autres framework JavaScript
• Rappels sur HTML, CSS, XML et DOM
• L'architecture Ajax
• Contexte du développement avec Ext JS

Rappel et concepts avancés du langage JavaScript

• Tableaux, objets et namespaces
• Fonctions, closure et propriété prototype
• Format JSON
• JavaScript et la programmation objet

Installation et configuration

• Intégration dans un projet
• Documentation et API
• Modèles de licences
• Environnement de développement
• Ext Designer
• Architecture d'une application Ext JS

Notions de base Ext JS

• Objet Ext
• Modèle de classe
• Objet Config
• Règles d'écriture
• Composants Ext JS
• Classe Ext.Element
• Fonctions Ext.get
• Manipulation du DOM

Gestion des événements

• Evénements DOM
• Ecouteurs d'événement
• Evénements personalisés

Interface utilisateur

• Modèle de composant Ext JS
• Composants simples et widgets
• Conteneurs de composants
• Viewport, Window et Panel
• Layouts de positionnement
• Dimensionnement des composants

Navigation dans l'application

• Conteneur de navigation TabPanel et Accordion
• Mise en place de Menu

Formulaire

• Création d'un formulaire
• Principaux éléments de formulaire
• Mise en œuvre de la validation
• Mise en forme des messages de validation

Chargement de données distantes

• Requête Ext.Ajax
• Formats d'échange
• API Ext.Direct

Composants orientés données

• Principaux composants orientés données
• Création d'un DataGrid
• Configuration des colonnes
• Source de données JsonReader
• Mise en place d'un composant Store
• Mise en œuvre du composant RowEditor
• Chargement de données distantes

Composants complexes

• Notion et définition de template
• Intégration de données
• Structures conditionnelles