Javascript/Ecmascript : Initiation + Approfondissement

Objectifs

Apprendre et maitriser les bases de JavaScript, du DOM et de l'Ajax

Programme

É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
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()
Valider les données d'un formulaire : Gérer dynamiquement les attributs ; Manipuler les attributs (getAttribute & setAttribute)