Apprendre et maîtriser les bases de Javascript
Présentation
Panorama des environnements 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é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, ...)
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 pratique : Faire afficher et masquer des balises HTML
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()
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 pratique : 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 pratique : Valider les données d’un formulaire
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 pratique : Réordonner une liste avec du drag & drop
Cette formation se déroule à Lille, mais aussi Paris, Bordeaux, Lyon, Marseille, Toulouse, Strasbourg, Le Havre, Brest, Nantes
KOUROS Certifié QUALIOPI
KOUROS référencé sur Datadock
NOUS CONTACTER : 01.83.56.08.28
Rejoignez-nous sur nos réseaux sociaux :