Programmation JavaScript : Créer des éléments réactifs et interactifs pour les pages Web

OBJECTIFS PÉDAGOGIQUES

• Identifier les règles d’or de la programmation avec JavaScript
• Lire, modifier et écrire du code JavaScript
• Interagir avec le DOM
• Gérer les évènements et les manipulations dynamiques
• Créer ses propres programmes

contenu

JavaScript : un langage pour le Web

• Historique de JavaScript
• Architecture client / serveur
• Domaines d’intervention de JavaScript et usages
• Les librairies JavaScript et l’écosystème
• Outils de développement / Workflow
• Structuration typique d’une page Web, où placer le JavaScript ?

Ecrire du code Javascript et manipulation du DOM

• Bases du langage : syntaxe de base, déclarations et portée des données, « var » et « let », structure de contrôle…
• Utiliser les opérateurs et expressions, les structures de contrôle, structure objet
• Objets natifs en JavaScript : Date, Math, Array…
• Fonctions personnalisées
• Interagir avec le DOM : l’arbre DOM, nœuds parents et enfants
• Identifier les bases de la manipulation du DOM
• Sélecteurs simples, multiples, de classe…
• Manipuler les éléments HTML, attributs, classes, styles des éléments HTML
• Générer du contenu HTML ou textue

Les évènements Utilisateurs

• Notion d’évènement pour gérer l’interactivité
• Syntaxe addEventListener, MouseEvents
• Création d’effets animés au rollover, déclencher des évènements au click
• Keyboard Event, travailler avec les éléments de formulaire, timers pour déclencher des évènements

Créer ses propres programmes

• Construire un programme et distribuer son code
• Les API HTML5 : balises Canvas, vidéo et audio
• Découvrir les librairies populaires : JQuery, Underscore

MODALITÉS PÉDAGOGIQUES

• Formation en présentiel ou en distanciel, en Visio avec un formateur
• Suivi des actions à distance : les échanges et travaux réalisées seront en corrélation avec les objectifs pédagogiques,
  les séances seront notifiées auprès d’Elli’Up par le formateur, l’apprenant signera les attestations de présence
  correspondantes, Elli’Up est joignable par téléphone ou mail
• Apports théoriques et pratiques
• Travaux personnels

MATÉRIEL À PRÉVOIR

Support permettant la prise de note

MODALITÉS D’ÉVALUATION

Evaluation continue des acquis à l’oral
Formulaire d’évaluation de la formation

Télécharger le programme