ENI Service

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Formations
Certifications
Formations
Systèmes
Fondamentaux
Windows Server 2016/2019
Windows Server 2012 R2
Windows 10
Scripting PowerShell
Red Hat Enterprise Linux
Linux
Gestion et supervision des systèmes
System Center et MDT
Nagios
GLPI
Virtualisation
Microsoft Hyper-V, SCVMM
VMware vSphere
Citrix VirtualDesktop, VirtualApps
Veeam
Cloud Computing
Microsoft Azure
Amazon Web Services (AWS)
Office 365 et Microsoft 365
Red Hat OpenStack
Red Hat OpenShift
Red Hat Ansible Automation
Red Hat CloudForms
DevOps
Fondamentaux
Outils d'automatisation et de déploiement
Outils d'intégration continue
Réseau
Fondamentaux
Cisco
Cybersécurité
Fondamentaux
ISO 27001/27005
SonicWALL
pfSense
IoT
Messagerie
Exchange
Skype Enterprise
CMS, GED, portail, e-commerce
SharePoint
WordPress
Joomla!
Drupal
Alfresco
Prestashop
Magento
Serveurs Web et d'applications
IIS
Apache
Tomcat
JBoss EAP/Wildfly
Bases de données
Fondamentaux
SQL Server
Oracle
MySQL/MariaDB
PostgreSQL
NoSQL (MongoDB, Cassandra)
Décisionnel
Fondamentaux
SQL Server BI
Power BI
Talend
QlikSence, QlikView
SAP BusinessObjects
Big Data
Fondamentaux
Apache Hadoop
MongoDB
Microsoft Azure Data
Spark
Elastic Suite
Langage R
Intelligence artificielle
Machine Learning, Deep Learning
Microsoft Azure IA et Machine Learning
Ingénierie logicielle
Conception, modélisation
Intégration continue, tests
Développement Web et mobile
UX Design
HTML5, CSS3, JavaScript
PHP
Développement mobile
Langages de développement
Fondamentaux
Java
.NET
Python
C, C++
Perl
WinDev, WebDev
Gestion de projets
Fondamentaux
Méthodes Agiles
Prince2
PMP
Project
GanttProject
Organisation du SI
Fondamentaux
RGPD
Sécurité
DevOps
ITIL
Travail collaboratif
Office 365
G Suite
SharePoint
Bureautique
Excel
Word
Outlook
PowerPoint
OneNote
Access
Publisher
VBA Excel/Access
Suite Office
LibreOffice
Power BI
SAP BusinessObjects
Project
Acrobat
Mind Mapping
Windows
Internet
Infographie, PAO
Fondamentaux
Photoshop
GIMP
InDesign
Illustrator
Captivate
Premiere Pro
AfterEffects
DAO, CAO
SketchUp
AutoCAD
Digital, Web et Webmarketing
Conception de sites
UX Design
Stratégie digitale
Référencement
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Formations
Certifications
Formations
Systèmes
Fondamentaux
Windows Server 2016/2019
Windows Server 2012 R2
Windows 10
Scripting PowerShell
Red Hat Enterprise Linux
Linux
Gestion et supervision des systèmes
System Center et MDT
Nagios
GLPI
Virtualisation
Microsoft Hyper-V, SCVMM
VMware vSphere
Citrix VirtualDesktop, VirtualApps
Veeam
Cloud Computing
Microsoft Azure
Amazon Web Services (AWS)
Office 365 et Microsoft 365
Red Hat OpenStack
Red Hat OpenShift
Red Hat Ansible Automation
Red Hat CloudForms
DevOps
Fondamentaux
Outils d'automatisation et de déploiement
Outils d'intégration continue
Réseau
Fondamentaux
Cisco
Cybersécurité
Fondamentaux
ISO 27001/27005
SonicWALL
pfSense
IoT
Messagerie
Exchange
Skype Enterprise
CMS, GED, portail, e-commerce
SharePoint
WordPress
Joomla!
Drupal
Alfresco
Prestashop
Magento
Serveurs Web et d'applications
IIS
Apache
Tomcat
JBoss EAP/Wildfly
Bases de données
Fondamentaux
SQL Server
Oracle
MySQL/MariaDB
PostgreSQL
NoSQL (MongoDB, Cassandra)
Décisionnel
Fondamentaux
SQL Server BI
Power BI
Talend
QlikSence, QlikView
SAP BusinessObjects
Big Data
Fondamentaux
Apache Hadoop
MongoDB
Microsoft Azure Data
Spark
Elastic Suite
Langage R
Intelligence artificielle
Machine Learning, Deep Learning
Microsoft Azure IA et Machine Learning
Ingénierie logicielle
Conception, modélisation
Intégration continue, tests
Développement Web et mobile
UX Design
HTML5, CSS3, JavaScript
PHP
Développement mobile
Langages de développement
Fondamentaux
Java
.NET
Python
C, C++
Perl
WinDev, WebDev
Gestion de projets
Fondamentaux
Méthodes Agiles
Prince2
PMP
Project
GanttProject
Organisation du SI
Fondamentaux
RGPD
Sécurité
DevOps
ITIL
Travail collaboratif
Office 365
G Suite
SharePoint
Bureautique
Excel
Word
Outlook
PowerPoint
OneNote
Access
Publisher
VBA Excel/Access
Suite Office
LibreOffice
Power BI
SAP BusinessObjects
Project
Acrobat
Mind Mapping
Windows
Internet
Infographie, PAO
Fondamentaux
Photoshop
GIMP
InDesign
Illustrator
Captivate
Premiere Pro
AfterEffects
DAO, CAO
SketchUp
AutoCAD
Digital, Web et Webmarketing
Conception de sites
UX Design
Stratégie digitale
Référencement

Continuez à vous former tout en restant chez vous.

Retrouvez nos formations téléprésentielles confirmées et notre offre de formations à distance.

Développer des applications multiplateformes avec le framework Sencha Ext JS 6.5

Réf. T44A-030

Q1_TECHNIQUE_DEV

5 jour(s) - 35 h

Tarif : Nous contacter

Télécharger Programme

Objectifs


  • Installer Sencha Cmd v.6.5 et les outils de debug comme Illumination, App Inspector, and Sencha Fiddle
  • Utiliser des composants tels que Grid, Data View, les arbres, et les différents types de cartes, y compris les graphiques 3D ainsi que les charts et autres
  • Faire communiquer une application Ext JS 6.5 avec le côté serveur via l'API DATA et les stores et les proxies
  • Mettre en oeuvre le routage côté client ;
  • Mettre en œuvre l'accessibilité, la localisation
  • Personnaliser les thèmes

Pré-requis


Public


  • Concepteurs-Développeurs
  • Intégrateurs Web

Programme de la formation


Démarrage avec Ext JS

  • Pourquoi Ext JS ?
  • Prise en charge multi-navigateur par Ext JS
  • Composants de l'interface Rich
  • 2 types de Binding à double sens
  • Décor architectural JavaScript
  • Simplifier l'opération compliquée
  • Facilité d'accès au DOM avec Ext JS
  • Routage client-serveur
  • Support de l'accessibilité

Une introduction à Ext JS

  • L'application Universelle

Configuration d'un environnement de développement pour Ext JS 6.5

  • Sencha Cmd 6.5
  • Java Runtime Environment (JRE) 8
  • Ruby 6 ++
  • Installation Sencha Cmd 6.5

Génération de l'application avec Sencha Cmd

  • L'architecture d'application
  • Model
  • View
  • Controller
  • View model
  • View model - MainModel.js
  • Controller - MainController.js
  • View - main.js

Explorer les commandes de Sencha Cmd

  • Syntaxe et format des commandes Ext JS
  • Mise à niveau de Sencha Cmd
  • Génération d'une application
  • Construction de l'application
  • Lancement de l'application
  • La génération de code
  • Mise à niveau de votre application

Débogage d'une application Ext JS

  • Les caractéristiques de l'outil Illumination
  • Object Naming
  • Elément en surbrillance

Inspecteur d'application

  • Sencha Fiddle

Comprendre le système de classe Ext JS

  • Ext
  • application
  • define
  • create
  • onReady
  • widget
  • getClass
  • getClassName
  • Ext.Base
  • Ext.Class
  • Ext.ClassManager
  • Ext.Loader

La gestion des événements dans le monde Ext JS

  • Ajout des listeners
  • Suppression des listeners
  • La gestion des événements de nœud DOM

Accès et manipulation du DOM

  • Ext.get
  • Ext.query
  • Ext.select
    • Les sélections multiples
    • Sélection racine
    • Sélection chaînée
  • Ext.ComponentQuery

Comprendre les notions de composants, conteneurs, et layouts

  • Components
  • Containers
  • Layouts
    • updateLayout
    • suspendLayout
    • absolute layout
    • accordion layout
    • anchor layout
    • border layout
    • card layout
    • center layout
    • column layout
    • fit Layout
    • hbox layout
    • table layout
    • VBox layout

Comprendre les composants basiques

  • Ext.Button
  • Ext.MessageBox
  • Formulaire et champs de formulaire
  • Ext.form.Panel
  • Les champs de formulaire
    • Ext.form.field.Text
    • Ext.form.field.Number
    • Ext.form.field.ComboBox
    • Ext.form.field.HtmlEditor
  • Validation des champs de formulaire
  • Gestion des événements des champs de formulaire
  • Les conteneurs de champs de formulaire
    • Ext.form.CheckboxGroup
    • Ext.form.FieldContainer
    • Ext.form.RadioGroup
  • Soumettre un formulaire
  • Menus et barre d'outils

TP : Calculatrice - un exemple de projet

  • La structure du dossier projet
    • App - app.js
    • Le modèle MVC et MVVM - revisité
    • Model
    • View
    • Controller
    • ViewController et Controller
    • View model
    • View - Main.js
    • Controller - MainController.js
    • ViewModel - MainViewModel.js

La gestion des données avec l'API DATA dans le monde Ext JS

  • Model
  • Field
    • La conversion des données
    • Les Validators
    • Les relations entre model
    • Type de champs personnalisés
  • Store
  • Le stockage des données en ligne
  • Filtrer et trier les données dans les composants Ext JS

Accédez au store Ext JS

  • Accédez au store en utilisant StoreManager
  • Accédez au store en utilisant Ext.app.ViewModel
  • Evénements au sein d'un store Ext JS
  • Comprendre le store dans le ViewModel

Connaître la puissance des différents Proxy

  • Le proxy Client-Serveur
  • Le proxy Memory
  • Le proxy LocalStorage
  • Le proxy SessionStorage
  • Le proxy Serveur-Client
  • TP : Un simple projet d'application RestFull

Travailler avec les Grids dans Ext JS

  • Les Grid de base
  • Le tri
  • Rendu et affichage des Grids
  • Filtre des Grids
  • La pagination
  • Edition cellulaire
  • L'édition de ligne
  • Regroupement des données
  • Le pivot de la grille
  • TP : Le répertoire de l'entreprise - un exemple de projet

Composants avancés

  • Le composant Tree Panel
  • Le composant Tree Basic
  • Le composant Tree Grid
  • Le composant Data Views

TP : L'explorateur des photos - Une simple application - Comprendre le Drag & Drop

  • Configurer les composants Drag & Drop
  • Créer la cible pour déposer
  • Réaliser l'opération déposer sur la cible

Travailler avec les Charts dans Ext JS

  • Types de Chart dans le monde Ext JS
  • Type de Chart Cartesian
  • Type de Chart Polar
  • Type de Chart Spacefilling

Type de Chart Bar et Column

  • Type de Chart Basic Column
  • Type de Chart Bar
  • Type de Chart Stacked
  • Type de Chart 3D Bar

Type de Chart Area et Line

  • Type de Chart the Area
  • Type de Chart the Line

Type de Chart The Pie

  • Type de Chart the Basic Pie
  • Type de Chart the Donut
  • Type de Chart the 3D Pie

TP : Expense analyzer - Une simple application

Une introduction à SASS

  • La notion des Variables
  • Mixins
  • Nesting

Theming

  • Création d'un thème personnalisé
  • SASS variables
  • Création d'un nouveau composant UI utilisant mixins SASS
  • JS overrides
  • Images
  • Appliquer du style à votre application Ext JS

Responsive design

  • responsiveConfig

Formation avec un formateur, dans une salle dédiée à la formation, équipée d’un vidéoprojecteur, d’un tableau blanc et d’une solution de visio-conférence dans le cas des formations suivies en in-classTM (présentiel à distance).

Le nombre de stagiaires peut varier de 1 à 12 personnes (5 à 6 personnes en moyenne), ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.

Chaque stagiaire dispose d’un poste de travail adapté aux besoins de la formation, d’un support de cours et/ou d’un manuel de référence au format numérique ou papier (pour les sessions inter-entreprises, dans le cas où le support de cours officiel est en anglais, nous offrons en complément, s’il existe, un ouvrage de référence des Editions ENI au format numérique rédigé en français).

Pour une meilleure assimilation, le formateur alterne tout au long de la journée les exposés théoriques, les démonstrations et la mise en pratique au travers d’exercices et de cas concrets réalisés seul ou en groupe.

L’évaluation des acquis se fait tout au long de la formation au travers des différents travaux dirigés et travaux pratiques réalisés par le stagiaire.

En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par un examen de certification.

Les candidats à la certification doivent produire un travail personnel important en vue de se présenter au passage de l’examen, le seul suivi de la formation ne constitue pas un élément suffisant pour garantir un bon résultat et/ou l’obtention de la certification.

Feuille de présence, émargée par demi-journée par chaque stagiaire et le formateur ;

Evaluation qualitative de fin de formation, qui est ensuite analysée par l’équipe pédagogique ENI ;

Attestation de fin de formation, remise au stagiaire en main propre ou par courrier électronique.

La formation est animée par un professionnel de l'informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d'expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.

Formations associées

ENI Service

Vous souhaitez obtenir plus d’informations sur cette formation ?

Pour nous consulter et en savoir plus, vous pouvez compléter le formulaire ci-dessous.

Les champs avec un astérisque (*) sont obligatoires.

Vous souhaitez vous pré-inscrire à cette formation ?

Vous pouvez compléter le formulaire ci-dessous. Dès sa réception nous réserverons votre place.

Participants :

NomPrénomE-mail





Les champs avec un astérisque (*) sont obligatoires.

Continuez à vous former tout en restant chez vous

Retrouvez nos formations téléprésentielles confirmées et notre offre de formations à distance.

 

ENI Service a mis au point et utilise depuis 2010 des dispositifs pédagogiques pour que vous puissiez participer activement à nos formations tout en étant éloigné physiquement du formateur, quelle que soit votre localisation. Plus de 7600 stagiaires ont déjà utilisé nos solutions.Vous vous retrouvez en totale immersion ; vous suivez la formation dans les mêmes conditions de participation qu’en présentiel et bénéficiez ainsi de la dynamique de groupe et de la même pédagogie : cours, TP, échanges… Vous voyez les autres stagiaires, vous voyez le formateur, ce qu’il saisit, ce qu’il écrit sur le tableau, ce qu’il projette à partir de son poste…
Depuis n’importe quel lieu (domicile, entreprise…), vous rejoignez la formation avec votre propre PC équipé d’une webcam et d’un micro.
Un double écran est souhaitable pour un meilleur confort mais ce n’est pas obligatoire.
Pour assurer un démarrage dans les meilleures conditions au premier jour de la formation, notre service logistique se met systématiquement en relation, en amont, avec vous.

N’hésitez pas à consulter régulièrement nos formations téléprésentielles confirmées pour les semaines à venir :

Découvrez également nos autres modalités de formations à distance
Quels que soient votre contexte, vos enjeux, vos contraintes…
notre ingénierie pédagogique et nos moyens techniques s’adaptent et répondent à votre projet de formation !

Dans tous les cas, n’hésitez pas à nous parler de votre projet et de vos contraintes, en nous contactant directement

inter@eni.fr

Formations Techniques : 02 40 92 45 62

Formations Bureautique et PAO : 02 40 92 45 64

Vous souhaitez vous pré-inscrire à cette formation ?

Vous pouvez compléter le formulaire ci-dessous. Dès sa réception nous réserverons votre place.

NomPrénomE-mail





Les champs avec un astérisque (*) sont obligatoires.

Vous souhaitez obtenir un devis pour cette formation ?

Pour recevoir un devis détaillé, vous pouvez compléter le formulaire ci-dessous

Les champs avec un astérisque (*) sont obligatoires.

Vous souhaitez obtenir un devis pour cette formation ?

Pour recevoir un devis détaillé, vous pouvez compléter le formulaire ci-dessous.

Les champs avec un astérisque (*) sont obligatoires.

Vous souhaitez obtenir un devis pour cette formation ?

Pour recevoir un devis détaillé, vous pouvez compléter le formulaire ci-dessous.

Les champs avec un astérisque (*) sont obligatoires.