Javascript - initiation

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)