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.

JavaScript – Exploiter sa puissance pour dynamiser les applications Web

Réf. T44A-001

Q1_TECHNIQUE_DEV

4 jour(s) - 28 h

Tarif : 2 490 € HT - 2 988,00 € TTC

Télécharger Programme

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Objectifs


  • Intégrer un script à une page HTML
  • Utiliser les types primitifs du langage Javascript et leurs fonctions
  • Utiliser le DOM pour parcourir et modifier la structure d'une page
  • Gérer des événements utilisateur
  • Valider les données saisies dans un formulaire
  • Stocker des données dans le navigateur
  • Échanger des données avec un serveur via des API REST
  • Exploiter l'API FileReader pour lire des fichiers en local
  • Interagir avec des contenus multimédias
  • Mettre en œuvre l'API de géolocalisation

Pré-requis


Public


  • Concepteurs-Développeurs
  • Intégrateurs Web

Programme de la formation


Introduction

  • HTML, CSS et JavaScript : Les 3 langages du navigateur
  • Rôle du JavaScript dans un site Web
  • Caractéristiques de JavaScript et relations avec le standard ECMAScript
  • Support de JavaScript dans les différents navigateurs
  • Imbrication de JavaScript dans HTML
  • Conventions de formatage et de codage
    • Console, débogage et outils des navigateurs
  • Environnement de développement et de débogage

La syntaxe JavaScript

  • Déclaration des variables
  • Les types de données
  • Les tableaux
  • Les opérateurs et expressions
  • Les structures de contrôle
  • Les fonctions : déclaration et appel
  • Les objets globaux : String, Date, RegExp, Array

L'approche objet en JavaScript

  • Fonctions anonymes et encapsulation
  • Objets
  • Propriété prototype
  • Fonctions flèche
  • Destructuration
  • Casses et héritage
  • Constructeurs et accesseurs

Les objets du navigateur

  • Les principaux objets du DOM
    • window, document, history, location, navigator
  • Déboguer et générer des logs avec l'API Console
  • Contrôler la version et tester la compatibilité du navigateur

Interagir avec le DOM

  • Notion de nœud et d'arborescence de nœuds
  • Parcourir et rechercher des éléments avec l'API Selector (querySelector() et querySelectorAll())
  • Modifier la présentation et le contenu du DOM
  • Modifier la structure du document
  • Modifier un élément HTML

Gestion avancée des événements

  • Intercepter les événements avec la fonction addEventListener()
  • Comprendre la propagation des événements
  • Objet Event
  • Création d'événements personnalisés

Validation des formulaires côté client

  • Ecrire et lire dans les champs des formulaires
  • Mettre en place des champs obligatoire
  • Valider les informations saisies
    • Mise en œuvre des expressions régulières
  • Activer et désactiver le bouton d'envoi

Persistance des données en local

  • Comprendre la différence entre les objets storage et les cookies
  • L'API Storage
    • Utilisation du contexte local storage en lecture/écriture
    • Utilisation du contexte session storage en lecture/écriture
  • Sauvegarder et restaurer l'état d'une page ou d'une application Web au chargement
  • Mise en œuvre des bases de données SQLite ou IndexedDB

Communication réseau (AJAX, JSON et services REST)

  • Définition et conception d'un service REST
  • L'objet XMLHttpRequest2
  • Configurer une requête AJAX
  • Format d'échange JSON
  • L'événement progress
  • Gestion du cache en mode déconnecté
  • Détection des événements online et offline

Nouvelles interactions utilisateur

  • Mettre en œuvre les actions de glisser-déposer
  • Ajouter des informations sur demande avec les éléments Details et Summary
  • Activer les contenus modifiables
  • Autoriser l'affichage plein écran

Gestion de fichier

  • Découvrir l'API File
  • Lecture/écriture de document sur le poste client
  • Gestion d'événements avancés tels que les notifications et le glisser-déposer " système "

Interagir avec les contenus multimédia

  • Contrôler la lecture des éléments audio et vidéo
  • Créer des animations avec l'élément Canvas et l'API Draw2D

Mettre en œuvre la géolocalisation

  • API Geolocation
  • Obtenir les informations de positionnement
  • Utiliser les API Google Maps
    • Traduire une position en adresse physique
    • Afficher une carte, etc.

Travaux pratiques

  • Manipulation des données de type simple
    • Transformation, mise en forme de texte
    • Manipulation des dates
    • Utilisation d'expression régulière
  • Création d'un DataGrid HTML5
    • Mise en place de la sélection des lignes
    • Création, suppression de lignes
    • Ajout de nouvelles lignes de données
  • Création et validation d'un formulaire HTML5
    • Validation native et JavaScript
    • Validation en cours de saisie
    • Contrôler l'envoi des données
  • Gestion des données
    • Stockage des données en local
    • Chargement des données du tableau depuis le serveur Web
  • Création de classes métiers en JavaScript
    • Création d'objets métiers à l'aide d'un formulaire
    • Affichage des données dans un tableau HTML
    • Mise en place d'un Drag&Drop de fichier JSON
  • Mise en œuvre des API JavaScript
    • Géolocalisation
    • Interaction avec un média
    • Affichage de notification

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.