JavaScript – Développer des applications Web

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

  • 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

ENI Service


votre centre de formation informatique de confiance
Voir la fiche entreprise

Tarif

Contacter l'organisme

Durée 4 jours - 28 h
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

ENI Service


votre centre de formation informatique de confiance
Voir la fiche

Tarif

Contacter l'organisme

Durée 4 jours - 28 h
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

Embarquez pour un parcours d’apprentissage complet avec notre formation JavaScript axée sur le développement d’applications Web.
Vous explorerez les spécificités de JavaScript, ses relations avec le standard ECMAScript et son support dans les différents navigateurs.
Plongez dans la syntaxe JavaScript, apprenez à manipuler variables, types de données, tableaux et objets globaux.
Notre formation vous mènera à travers l’approche objet en JavaScript, l’interaction avec le DOM, la gestion avancée des événements, la validation des formulaires côté client et la persistance des données en local.
Découvrez la communication réseau avec AJAX, JSON et services REST, les nouvelles interactions utilisateur, la gestion de fichiers et l’interaction avec les contenus multimédia.
Enfin, apprenez à mettre en œuvre la géolocalisation avec l’API Geolocation et Google Maps.

Programme

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

Ces formations pourraient vous intéresser

Objectifs de la formation

• S’approprier les techniques d’improvisation théâtrales
• Développer son agilité mentale pour améliorer ses capacités à débattre
• Maîtriser ses émotions et gagner en sérénité dans sa prise de parole

Tarif

A partir de 1 400,00 €

Durée

Nous contacter

Modes

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Identifier les différences entre les outils interactifs pour animer des réunions et des formations
  • Concevoir des activités interactives en utilisant les outils adéquats
  • Analyser les avantages pédagogiques de l'utilisation d'outils interactifs
  • Evaluer l'impact de l'utilisation des outils interactifs sur l'engagement des participants
  • Proposer des solutions pour utiliser les outils interactifs en mode online et en offline
  • Adapter l'utilisation des outils interactifs en fonction des objectifs pédagogiques et des types d'interactions souhaitées
  • Gérer les paramètres administratifs des plateformes interactives
  • Utiliser des fonctions avancées des plateformes interactives pour personnaliser l'expérience des participants
  • Evaluer l'efficacité des activités interactives en termes de prise de décision et de gestion de projet
  • Concevoir des activités interactives multilingues en utilisant les outils adéquats.
Tarif

A partir de 720,00 €

Durée

1j / 7h

Modes
  • Centre
  • Distance

Objectifs de la formation

Découvrir XML, Ajax et jQuery
Tarif

A partir de 995,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Formation Stencil

Proposé par Sparks

Objectifs de la formation

  • Comprendre l'intérêt de Stencil et des Web Components
  • Créer des composants web réutilisables
  • Intégrer Stencil au sein d'un framework de développement web
Tarif

A partir de 1 300,00 €

Durée

2 jours

Modes
  • Centre
  • Entreprise
  • Distance

Formation Helm

Proposé par Sparks

Objectifs de la formation

  • Identifier les composants et l'architecture de Helm pour comprendre son rôle dans la gestion de Kubernetes
  • Appliquer les meilleures pratiques pour installer, configurer et utiliser Helm pour gérer les applications Kubernetes
  • Construire des charts Helm pour empaqueter les applications dans des unités déployables
  • Déployer et gérer des applications dans un cluster Kubernetes à l'aide de Helm
  • Dépanner les problèmes courants liés aux charts Helm
  • Optimiser les déploiements Helm en termes de performances et d'efficacité
Tarif

A partir de 2 400,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Réaliser des applications front-end avec Vue.js
Tarif

A partir de 1 290,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Détecter les besoins de formation, publics et contenus adaptés au développement du digital learning.
  • Identifier différentes solutions de gestion de la formation pour les adapter à ses besoins.
  • Choisir les solutions adaptées à la formation en ligne : plateformes d'apprentissage en ligne, outils e-learning, utilisation du web 2.0.
  • Communiquer sur les résultats, le retour sur investissement de l'activité formation en ligne.
Tarif

Contacter l'organisme

Durée

2 jours

Modes
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Enumérer les opérations de base de Control-M
  • Identifier les différents rôles de Control-M et leurs responsabilités dans l'environnement Control-M
  • Effectuer des tâches dans les interfaces Control-M GUI et Control-M Web
  • Naviguer dans le domaine Monitoring
  • Surveiller et gérer les définitions de traitement des jobs
  • Utiliser le volet Propriétés pour accéder aux détails des jobs
  • Surveiller les "viewpoints" et les services
  • Utiliser les fonctions Find (Control-M GUI) et Job Search (Control-M Web) pour rechercher des jobs
  • Utiliser la fonctionnalité Neighborhood pour rechercher des jobs dans le "neighborhood"
  • Utiliser le moniteur d'alertes (Control-M GUI) et le panneau d'alertes (Control-M Web) pour surveiller et gérer les alertes
  • Visualiser les "viewpoints" archivés (Control-M GUI) et l'historique des "viewpoints" (Control-M Web)
  • Créer un rapport à l'aide de l'outil Rapports.
Tarif

Contacter l'organisme

Durée

1j / 7h

Modes
  • Centre
  • Distance

Objectifs de la formation

Apprendre à  installer et à  administrer Windows Server - Gérer les utilisateurs - Découvrir NTFS - Configurer une imprimante réseau - Gérer la sécurité de Windows Server - Protéger et surveiller son serveur - Installer et configuer Terminal Server
Tarif

A partir de 2 245,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Analyser l'importance cruciale des recrutements pour la performance de l'entreprise
  • Définir le poste, le profil et les conditions de recrutement
  • Planifier le process de recrutement en rédigeant des annonces attractives
  • Organiser et mener des entretiens de recrutement
  • Mettre en place des points réguliers afin d'assurer le suivi de l'intégration des nouveaux collaborateurs dans l'entreprise et dans l'équipe
  • Organiser l'accueil et l'intégration d'une personne en situation de handicap.
Tarif

A partir de 2 865,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Je cherche à faire...