1. Accueil
  2. >
  3. Formations
  4. >
  5. Informatique et Télécommunication
  6. >
  7. HTML XML
  8. >
  9. Grand-Est
  10. >
  11. Bas-Rhin
  12. >
  13. STRASBOURG
  14. > DAWAN - Javascript/Ecmascript : Initiation + Approfondissement.

Javascript/Ecmascript : Initiation + Approfondissement.

  • Lieu :
    STRASBOURG
  • Date :
    Sur demande
  • Durée :
    35 heures
  • Prix :
    2280
  • Référencé datadock

    Datadock certifie la qualité des organismes. Seuls ces centres vous permettent de bénéficier d'un financement pour votre formation.

  • Nombre des participants :
    1-8
  • Séquençage :
    7h/jour
  • Pré-requis :
    Connaissance en HTML et CSS
Fleche
Dernières demandes
pour une Formation
  • Il y a 4 minutes par Natalia H.
  • Il y a 12 minutes par Marie pierre a.
  • Il y a 30 minutes par Aurelie e.

OBJECTIFS :

Apprendre et maitriser les bases de JavaScript, du DOM et de l'Ajax

PROGRAMME :

Introduction

Présentation
Panorama des environnements JavaScript
Versions et standard ECMAScript

Les bases

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)
Les littéraux de templates
Affectation par décomposition

Les fonctions

Définir une fonction, syntaxe déclarative et expressions
Les quatres manière d'appeler une fonction
Définir des paramètres par défaut
Rest Parameter & Spread Operator
Les fermetures
Les fonctions fléchées
La console (log, debug, info, error, ...)

Les 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()

Les Objets

Présentation
Les objets littéraux
Ajouter & accéder aux propriétés
Les property shorthand
Le prototypage
Déclaration de méthodes
L'association d'objet rapide ( Object.assign() )
Les chaînes de caractères et les dates
Les méthodes associées aux chaînes de caractères
La classe Math
Internationalisation: format de dates et monétaires

La syntaxe de classe

Déclaration de Classe
Constructeur et accesseur
Les variables et méthodes de classe (static)
Héritage
Iterator et Generator
Les collections (Set et Map)

Les Promesses

Définition
Créer une promesse
Les fonctions resolve() et reject()
Attacher nos callbacks à une promise (then(), catch()) 

Atelier : Récupérer des données à l'aide de Promesse

Document Object Model

Présentation, historique et version
Les objets window et document
Accéder aux éléments (getElementById, querySelector, querySelectorAll)
Manipuler les attributs (getAttribute & setAttribute)
Modifier le contenu d'une balises (innerHTML, innerText, innerContent)
Gestion des fenêtres et boîtes dialogues

Atelier : Créer une liste d'invités

Les évènements

Principe des événements, manipuler les écouteurs
Liste des évènements de souris et de clavier (click, keypress, mouseover, etc)
Les évènement 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 : Créer une galerie d'image

Gestion dynamique du CSS

Liste des propriétés css en javascript
Modifier le css à l'aide de l'attribut style
Ajout & suppression de class (className, classList)

Atelier :  Animer la galerie d'image

DOM avancée

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

Ajax et XMLHttpRequest

Principe de communication asynchrone
Instancier et préparer un objet XMLHttpRequest
Gestion des erreurs
Barre de progression
Protocole HTTP, méthodes et status
Sérialisation et désérialisation de données
Utilisation des données: Le format XML, le format JSON

Atelier : Lire de données provenant d'une API REST

Atelier : Lire de données provenant d'un flux RSS

AUTRES SITES :

Lille, Lyon, Nantes, Paris, Bordeaux, Toulouse, Marseille, Aix, Strasbourg, Rennes, Montpellier

CONTACTER LE CENTRE DAWAN

Les champs E-mail ne sont pas identiques

Les champs E-mail ne sont pas identiques

Nous ne cédons et ne revendons pas vos coordonnées à des tiers.

TOUS LES La Formation DANS LE BAS-RHIN