Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Formation Sencha Ext-JS 6, développer des applications multiplateformes en JavaScript > Formations > Formation Sencha Ext-JS 6, développer des applications multiplateformes en JavaScript
Formation référencée dans une action collective

Sencha Ext-JS 6, développer des applications multiplateformes en JavaScript

Sencha Ext-JS 6, développer des applications multiplateformes en JavaScript

Télécharger au format pdf Partager cette formation par e-mail


Vous apprendrez dans ce cours à concevoir des applications Web interactives et multiplateformes avec la bibliothèque Ext JS 6. Vous appréhenderez notamment les nouvelles fonctionnalités de cette version au travers du data-binding, du routage d'URL et de la configuration avancée des aspects "responsive design".


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : NCH
Prix : 2050 € HT
  3j - 21h
Pauses-café et
déjeuners offerts
Financements




Vous apprendrez dans ce cours à concevoir des applications Web interactives et multiplateformes avec la bibliothèque Ext JS 6. Vous appréhenderez notamment les nouvelles fonctionnalités de cette version au travers du data-binding, du routage d'URL et de la configuration avancée des aspects "responsive design".

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Installer Ext JS et son environnement
  • Créer des applications MVVM multi-cibles (tablettes, Smartphone, desktop)
  • Créer et mettre en œuvre des composants graphiques
  • Gérer des données
  • Elaborer des thèmes

Objectifs pédagogiques

Public concerné

Développeurs Web, informaticiens.

Public concerné

Prérequis

Bonnes connaissances du langage JavaScript et des technologies Web. Bonnes connaissances de la programmation orientée objet.

Prérequis

Programme de la formation

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.
  • 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.
  • 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.
Travaux pratiques
Créer une application avec Sencha Cmd. Créer des composants personnalisés.

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).
  • 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).
Travaux pratiques
Agencer les composants de l'application. Créer des boutons et des fenêtres.

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.
  • 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.
Travaux pratiques
Utilisation d'un pattern MVVM et du databinding.

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".
  • 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".
Travaux pratiques
Créer, valider et associer les données.

Composants graphiques orientés données
  • Templating et Vue. Les graphiques.
  • Les grilles : Stores, Columns, Features...
  • Les arbres : nœud racine/enfants, TreeStore...
  • Les formulaires : soumission, champs, validation...
  • Les « List »,« NestedList » et « Grid » en Modern.
  • Templating et Vue. Les graphiques.
  • Les grilles : Stores, Columns, Features...
  • Les arbres : nœud racine/enfants, TreeStore...
  • Les formulaires : soumission, champs, validation...
  • Les « List »,« NestedList » et « Grid » en Modern.
Travaux pratiques
Utilisation de templates. Mise en place de grilles, d'arbres, de formulaires...

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.
  • 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.
Travaux pratiques
Associer une URL à un écran. Rendre une application responsive. Mettre à jour le thème à l'exécution.


Programme de la formation

Solutions de financement

Selon votre situation, votre formation peut être financée par :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.

Financement par les actions collectives ou clé en main
Jusqu’à 100% de prise en charge des frais pédagogiques de la formation dans la cadre des actions collectives ou des tarifs négociés avec les actions « clé en main » mises en place par les OPCO. Cliquez sur l’OPCO pour découvrir les modalités financières associées

Solutions de financement

Avis clients

5,0 / 5
ANTHONY C.
11/10/21
5 / 5

Super merci


Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.


Avis clients

Horaires

En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Infos pratiques