Développeurs Web - Webmasters - Intégrateurs
Connaissance en HTML et CSS
Apprendre et maîtriser les bases de JavaScript.
PrésentationPanorama des environnements JavaScriptVersions et standard ECMAScript
Les variables et les types de donnéesLes opérateursPortée des variables var, let, constLes intructions de blocLes structures de contrôle (conditionnelles et itératives)
Définir une fonction, syntaxe déclarative et expressionsTransmettre des paramètresRetourner une valeurDéfinir des paramètres par défautLa console (log, debug, info, error,...)
Présentation, historique et versionLes objets window et documentAccéder aux éléments (getElementById, querySelector, querySelectorAll)Découvrir les évènementsListe 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
Présentation et structures d'un tableauDé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ésentationLes objets littérauxAjouter & accéder aux propriétésLes property shorthand
Les littéraux de templatesAffectation par décompositionRest Parameter & Spread OperatorLes fermeturesLes fonctions fléchées
Atelier: Filtrer des données affichées dans une liste
Principe des écouteurs d'évènementLes évènements attacher au navigateur (load, unload, resize, etc)Les évènements de formulaire (submit et reset)Récupérer et manipuler l'évènementLes fonctions preventDefault() et stopPropagation()
Atelier: 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 javascriptModifier le css à l'aide de l'attribut styleAjout & suppression de class (className, classList)
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 PreviousSiblingSupprimer une balise (removeChild)
Atelier: Réordonner une liste avec du drag & drop
Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.
Contrôle continu
Attestation de fin de stage mentionnant le résultat des acquis
Paris, rue Antoine Bourdelle:
Locaux accessibles PMR
Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).
Cela vous permet d'interagir pleinement lors de la session.
Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:
Le(s) logiciel(s) installé(s) sur le poste du participant, Une connexion internet stable, Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur), Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam
Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.
Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI
Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m
Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)
Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou