Javascript/Ecmascript : Initiation

Qualiopi

En centre

Non éligible CPF

Objectifs

Programme

Apprendre et maitriser les bases de JavaScript

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

Public visé

Développeurs Web
Webmasters
Intégrateurs

Prérequis

Connaissance en HTML et CSS

Méthodes pédagogiques

Exercices concrets
Cas pratiques
Quiz d'évaluation des connaissances

Méthodes : La formation combine des sessions théoriques avec des démonstrations pratiques et des ateliers interactifs. Les participants travailleront sur des études de cas et des projets simulés pour appliquer les concepts appris.
Matériel pédagogique : Chaque participant aura accès à un poste de travail équipé du logiciel de CAO utilisé pour la formation. Des supports de cours détaillés, des études de cas, et des guides de référence seront fournis.

Partenaire éditeur ETC Academy

Modalités d'évaluation

Positionnement en amont de la formation :

Un quiz de consolidation des pré-requis sera administré en amont de la formation

Suivi « pendant » :

Feuilles de présence
Exercices pratiques
Évaluation « fin de formation »
Évaluation des acquis en fin de formation
Formulaires d'évaluation de la formation

Évaluation à froid :

Suivi post-formation : Questionnaire de satisfaction à j+30

Informations complémentaires

Accessibilité :

Délais d'accès à la formation

Le délai d'accès à la formation est variable en fonction du dispositif de financement utilisé, du planning des formateurs et des contraintes du client. Pour les formations inter-entreprises, vous pouvez consulter notre calendrier en ligne ou prendre contact avec nous. Nous traitons vos demandes sous 48 heures

Accessibilité

Si vous êtes en situation de handicap, merci de nous en informer afin de vous accompagner, vous orienter, et étudier les compensations nécessaires pour répondre au mieux à votre demande de formation. Certaines formations peuvent nécessiter une adaptation pour les personnes en fonction de leur handicap. Nous restons disponibles pour échanger ensemble et nous pourrons vous orienter vers un de nos partenaires : Agefiph, Cap Emploi