JavaScript : créer des pages web interactives

2 jours - 14 heures

Objectifs

Comprendre les principes de JavaScript afin d’enrichir une page web. Appliquer les fonctions, les événements et le DOM pour créer des interactions accessibles. Mettre en œuvre les échanges de données asynchrones de manière à actualiser une interface sans recharger la page.

Participants

Intégrateurs web, webmasters, développeurs débutants, créateurs de sites et toute personne souhaitant découvrir JavaScript.

Prérequis

Connaître les bases de HTML et CSS. Disposer de notions générales en programmation.

Pédagogie

La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.

Spécificités pédagogiques de la session à distance

Formation dispensée en visio-formation avec un séquencement adapté. Configuration et accès à notre outil de visio-formation. Accès à la bibliothèque pédagogique virtuelle durant la formation afin de partager les exercices, contrôler les résultats obtenus et déployer l’ensemble du séquencement pédagogique. La durée exacte des modules définis ci-après est susceptible de varier en fonction de la vitesse d’appropriation des concepts enseignés de la part du stagiaire.

Remarques

Public Visé

Collaborateurs : Développer ses compétences, s’affirmer comme expert dans son domaine, sécuriser son parcours professionnel... Entreprises ou organisations : Accélérer les évolutions de carrière des collaborateurs, augmenter l’efficacité et l’employabilité des équipes... Demandeurs d’emploi : Développer son employabilité, favoriser sa transition professionnelle...

Certification

Profil de l'intervenant

Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.

Accessibilité

Nous contacter

Moyens techniques

Le suivi pédagogique, administratif et logistique est assuré et coordonné par nos services afin de garantir le bon déroulement de l’action de formation. Les stagiaires bénéficient d’un encadrement complet tout au long de la formation. Pour les formations réalisées en centre, les participants disposent d’un espace d’accueil, de salles configurées techniquement selon les besoins pédagogiques et d’un matériel dédié. Des ressources pédagogiques sont mis à disposition des participants pendant la formation. Une documentation pédagogique est remise à échéance de la formation au format papier ou numérique

Moyens techniques relatifs aux sessions à distance

Encadrement complet des stagiaires durant la formation. Accès à notre service technique durant l’animation pour toute limite rencontrée. Accès à l’espace de conversation instantané durant la session pour interagir avec le formateur et les participants. Transmission d’un email de contact pour réaction privée durant la session. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.

Méthodes d'évaluation des acquis

Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.

Méthodes d'évaluation des acquis de la formation à distance

Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.

Programme

Découvrir JavaScript

• Rôle de JavaScript dans le Web
• Fonctionnement du navigateur
• Intégration d’un script dans HTML
• Console du navigateur
• Outils de développement
• Organisation des fichiers

Utiliser les bases du langage

• Utiliser les bases du langage

Créer des fonctions

• Déclaration de fonctions
• Paramètres
• Valeurs de retour
• Fonctions fléchées
• Portée des variables
• Fonctions de rappel
• Méthodes de tableaux
• Déstructuration
• Opérateurs rest et spread

Gérer les événements

• Gérer les événements

Contrôler les formulaires

• Lecture des champs
• Événements de formulaire
• Validation des données
• Affichage des erreurs
• Gestion de la soumission
• Utilisation de FormData

Communiquer avec un service web

• Principes de l’asynchronisme
• Promesses JavaScript
• Fonctions async et await
• Utilisation de l’API Fetch
• Lecture de données JSON
• Gestion des réponses HTTP
• Traitement des erreurs réseau

Stocker des informations

• Utilisation de localStorage
• Utilisation de sessionStorage
• Conversion avec JSON
• Lecture et suppression des données
• Limites du stockage local
• Protection des données sensibles

Sécuriser et contrôler le code

• Validation des entrées
• Encodage des contenus
• Prévention des injections dans le DOM
• Utilisation des points d’arrêt
• Inspection des variables
• Lecture des messages d’erreur

Utiliser l’intelligence artificielle

• Expliquer un message d’erreur
• Reformuler une fonction
• Documenter un script
• Identifier une correction
• Contrôler le code généré
• Protéger les données confidentielles