Javascript/Ecmascript : Initiation Mixte : présentiel / à distance

• Apprendre et maitriser les bases de JavaScript

• Développeurs Web 
• Webmasters
• Intégrateurs

• Connaissance en HTML et CSS

• 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

• 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

• 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

• Apprendre et maitriser les bases de JavaScript
• Maîtriser les Fondamentaux de JavaScript : Savoir écrire des instructions, déclarer et utiliser des variables avec les bons types et portées, appliquer des opérateurs et utiliser les structures de contrôle (conditions, boucles).
• Déclarer et Utiliser des Fonctions : Être capable de définir des fonctions, leur passer des paramètres, retourner des valeurs et comprendre les mécanismes de base comme les paramètres par défaut.
• Interagir avec une Page Web via le DOM : Savoir sélectionner des éléments HTML, lire et modifier leur contenu, leurs attributs et leurs styles CSS.
• Gérer les Événements Utilisateur et Navigateur : Comprendre comment attacher des écouteurs d'événements et réagir aux interactions (clics, soumission de formulaire, chargement de page).
• Manipuler Efficacement les Tableaux : Savoir créer des tableaux, y ajouter/supprimer des éléments, les parcourir et utiliser les méthodes courantes (forEach, find, splice, etc.).
• Comprendre et Utiliser les Objets Littéraux Simples et les "Sucres Syntaxiques" : Savoir créer des objets basiques, accéder à leurs propriétés, et utiliser des fonctionnalités modernes comme les littéraux de gabarits ou les fonctions fléchées.
• Appliquer les Connaissances à des Cas Pratiques Simples : Être capable de réaliser des manipulations dynamiques sur une page web, comme valider un formulaire, filtrer une liste, ou afficher/masquer des éléments (selon les ateliers).

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

Contactez-nous pour échanger sur vos besoins !

✉️ formation@napsia.com

📞 05 62 84 10 13