Trouvez votre formation

Référence
JSC-1

Public
Tout public

Pré-requis
Connaissance en HTML et CSS

Objectifs
Maîtriser et appliquer le langage JavaScript. Maîtriser l'interactivité des pages web avec le DOM.

Programme

• Introduction :
  • Présentation
  • Panorama des environnements Javascript
• Écrire des instructions en Javascript :
  • Les variables et les types de données
  • Les opérateurs
  • Portée des variables var, let, const
  • Les instructions de bloc
  • Les structures de contrôle (conditionnelles et itératives)
• Déclarer et appeler des fonctions :
  • Définir une fonction, syntaxe déclarative et expressions
  • Transmettre des paramètres
  • Retourner une valeur
  • Définir des paramètres par défaut
  • La console (log, debug, info, error...)
• Interagir avec le document via le DOM
  • Présentation, historique et version
  • Les objets window et document
  • Accéder aux éléments (getElementById, querySelector, querySelectorAll)
  • Découvrir les évènements
  • Liste des évènements de souris et de clavier (click, keypress...)
  • Gestion des fenêtres et boîtes de dialogues
• Manipuler des tableaux :
  • Présentation et structures d'un tableau
  • Déclaration de tableau (littéral, constructeur)
  • Ajout et suppression de données (push(), splice())
  • Parcourir un tableau (forEach, for of)
  • Les fonctions spécifiques (slice, pop, shift, reverse, etc)
  • Les fonctions find() et findIndex()
• Appréhender le concept d'objet :
  • Les objets littéraux
  • Ajouter & accéder aux propriétés
  • Les property shorthand
• Exploiter des sucres syntaxiques :
  • Les littéraux de templates
  • Affectation par décomposition
  • Rest Parameter & Spread Operator
  • Les fermetures
  • Les fonctions fléchées
• Déclencher des traitements au travers d'évènements :
  • Principe des écouteurs d'évènement
  • Les évènements attacher au navigateur (load, unload, resize, etc)
  • Les évènements de formulaire (submit et reset)
  • Récupérer et manipuler l'évènement
  • Les fonctions preventDefault() et stopPropagation()
• Gérer dynamiquement les attributs :
  • Manipuler les attributs (getAttribute & setAttribute)
  • Modifier le contenu d'une balise (innerHTML, innerText, innerContent)
  • Liste des propriétés CSS en javascript
  • Modifier le CSS à l'aide de l'attribut style
  • Ajout & suppression de class (className, classList)
  • Parcourir et transformer le DOM
  • Parcourir l'arbre DOM (parentNode, childNode)
  • Les fonctions parentChild() et firstChild()
  • Créer et insérer une balise (createElement, appendChild, createTextNode)
  • Les fonctions NextSibling et PreviousSibling
  • Supprimer une balise (removeChild)