Javascript/Ecmascript : Initiation

- Introduction Présentation Panorama des environnements JavaScript Versions et standard ECMAScript - Écrire des instructions en Javascript Les variables et les types de données Les opérateurs Portée des variables var, let, const Les intructions 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, mouseover, etc) Gestion des fenêtres et boîtes de dialogues Atelier : Faire afficher et masquer des balises HTML - 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 Présentation 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 Atelier : Filtrer des données affichées dans une liste - 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() Atelier : Valider les données d'un formulaire - Gérer dynamiquement les attributs Manipuler les attributs (getAttribute & setAttribute) Modifier le contenu d'une balises (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) Atelier : Réordonner une liste avec du drag & drop