Logo de Webcole Webcole

Trouvez votre formation

 4 jours  1 800,00 €

Javascript- initiation

Référence
JSC-1

Public
Tout public

Pré-requis
Connaissance en HTML et CSS

Objectifs
Maîtriser et appliquer le langage JavaScript. Maîtriser l'interactivité des pages web avec le DOM.

Programme

  • Introduction :
    • Présentation
    • Panorama des environnements Javascript
  • Écrire des instructions en 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é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...)
    • Gestion des fenêtres et boîtes de dialogues
  • 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 :
    • 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
  • 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()
  • Gérer dynamiquement les attributs :
    • Manipuler les attributs (getAttribute & setAttribute)
    • Modifier le contenu d'une balise (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)

Association pédagogique

Ces formations peuvent vous intéresser

Et pour progresser dans Javascript - perfectionnement

Modalités et délai d’accès
Entretien téléphonique, visio ou présentiel.
Présentation des problématiques posées par le postulant et détermination des objectifs professionnels.
Audit des besoins de la formation.
Retour sur le test de positionnement.
Envoi des éléments administratifs (programme de formation, devis et convention).
Délai d’accès : 11 jours après signature.

Méthode et moyens pédagogiques
Théorie et exercices
Possibilité des travailler sur des données des stagiaires
Support de cours en ligne
Mise à disposition d’ordinateurs, vidéoprojecteur et tableau.

Modalité d’évaluation
Positionnement préalable
Synthèse des points abordés
Evaluation stagiaire et questionnaire de satisfaction.

Sanction de la formation
Attestation de formation.

Lieu de la formation
Toute la France en présentiel et/ou distanciel.

Accessibilité aux Personnes en Situation d'Handicap (PSH)
Recours à des partenaires spécialisés.

Chiffres clés
xxx