Formation Ext JS, développer en Javascript

Maîtriser EXT JS pour javascript

Présentation

DVJS002
3 jours ( 21 heures )
Présentation

Ext JS offre un mode de développement web par prototype très puissant. Cette librairie javascript évolue vers une version plus mature avec des composants encore plus cohérents. Cette formation vous propose de découvrir certains aspects avancés d'Ext JS comme Direct ou le modèle d'Application' MVC. 

 

Objectifs du cours
Cette formation vous permettra de développer des applications Web interactives et multiplateformes avec la bibliothèque Ext JS 6.

Programme

 

Présentation du framework
Environnement : éditeur, Sencha Cmd...
Exécuter et déboguer une application.
Architecture Ext-JS 6, pourquoi MVVM plutôt que MVC.
Travaux pratiques
Installation d'Ext-JS. Création d'un espace de travail. Déboguer une application Ext-JS.

Concepts fondamentaux
Structure d'une application.
Instanciation d'un objet : procédurale vs déclarative, Ext.create(), alias et new. La gestion du DOM.
Définir une classe : Ext.define(), constructor et config.
Hériter une classe : extend, overrides et mixins.
Chargement dynamique des classes.

Composants de base

Composants, Conteneurs et Evénements.
Les objets «Panels», «Toolbar» et «Buttons».
Les "Layouts". Les objets "Windows" (classic) et "NavigationView" (modern).
Le nouvel objet « Menu » (modern).

 

 

Architecture d'une application

Le modèle MVVM. Concepts du pattern V VC VM
Les dépendances : requires, views, models et stores.
Envoi d'événements. Modulariser les classes.
Partage de ressource entre Classic et Modern.


Gestion des données

L'ensemble des données : Models, Proxies, Stores.
Envoi et réception de données (HTTP, Ajax/JsonP).
Appel direct vs Model et Store. L'objet "Forms".


Composants graphiques orientés données

Templating et Vue. Les graphiques.
Les grilles : Stores, Columns, Features...
Les arbres : noeud racine/enfants, TreeStore...
Les formulaires : soumission, champs, validation...
Les « List »,« NestedList » et « Grid » en Modern.


Concepts avancés
Routages des URL de l'application.
Responsive Design.
Build de l'application avec Sencha Cmd.
Internationalisation. Amélioration des performances.
Theming avec Sass et Sencha Fashion.
Outils optionnels : PivotGrid, Inspector, Test...
Compatibilité mobile avec les applications universelles.

 

Partager cette formation

 

Contactez-nous

contactez logware

Vous êtes intéressé par cette formation ou souhaitez simplement obtenir des informations complémentaires ?

+33 1 53 94 71 20

Écrivez-nous on vous rappelle

  1. Nom*
    Merci de saisir un nom valide
  2. Prénom*
    Merci de saisir un prénom valide
  3. E-mail*
    Merci de saisir une adresse email valide
  4. Téléphone*
    Numéro de téléphone invalide
  5. Entreprise
    Donnée invalide

Parce que nous comprenons la nécessité d'obtenir un enseignement qui permettra à votre équipe d'atteindre vos objectifs, nous restons flexibles et sommes capables d'adapter nos programmes de formation à vos besoins.

> En savoir plus