ALLER AU CONTENU
Le portail de la formation tout au long de la vie
LU
DE
EN
FR
PT
Vous êtes ici: Accueil > Formations > DAWAN

Javascript/Ecmascript: Initiation + Approfondissement

5 jour(s)

Objectifs

Apprendre et maîtriser les bases de JavaScript, du DOM et de l'Ajax.

Contenu

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 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, 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

Aller plus loin avec les objets

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

Utiliser les syntaxes 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)

Atelier: Créer le jeu du chifumi en orienté objet

Exploiter les traitements asynchrone avec 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

Dialoguer avec un serveur (Ajax, 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: Soumettre et lire des données provenant d'une API REST

Méthodes pédagogiques

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Public cible

A qui s'adresse la formation?

Développeurs Web - Webmasters - Intégrateurs

 
Prérequis

Connaissance en HTML et CSS

Evaluation

Méthodes d'évaluation

Contrôle continu

 
Certificat, diplôme

Attestation de fin de stage mentionnant le résultat des acquis

Voir les coordonnées de l'organisme
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Partager sur

 



Le contenu de ce descriptif de formation est de la seule responsabilité de son auteur, l'organisme de formation DAWAN.

Imprimer Tout voir/cacher Envoyer à un ami
Voir les coordonnées de l'organisme
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Caractéristiques
Organisation Formation inter-entreprise
Langues de prestation
Prochaines sessions
Du/Au Lieu Prix
30/05 - 03/06/22
  Strasbourg   2495.00 €
Voir détails
27/06 - 01/07/22
  Bruxelles   2495.00 €
Voir détails
27/06 - 01/07/22
  Lille   2495.00 €
Voir détails
04 - 08/07/22
  Distance   2495.00 €
Voir détails
18 - 22/07/22
  Luxembourg   2495.00 €
Voir détails
18 - 22/07/22
  Paris   2495.00 €
Voir détails
25 - 29/07/22
  Strasbourg   2495.00 €
Voir détails
05 - 09/09/22
  Bruxelles   2495.00 €
Voir détails
05 - 09/09/22
  Lille   2495.00 €
Voir détails
12 - 16/09/22
  Distance   2495.00 €
Voir détails
19 - 23/09/22
  Luxembourg   2495.00 €
Voir détails
19 - 23/09/22
  Paris   2495.00 €
Voir détails
26 - 30/09/22
  Strasbourg   2495.00 €
Voir détails
21 - 25/11/22
  Bruxelles   2495.00 €
Voir détails
21 - 25/11/22
  Lille   2495.00 €
Voir détails
28/11 - 02/12/22
  Distance   2495.00 €
Voir détails
28/11 - 02/12/22
  Luxembourg   2495.00 €
Voir détails
28/11 - 02/12/22
  Paris   2495.00 €
Voir détails
12 - 16/12/22
  Strasbourg   2495.00 €
Voir détails
Utilisation des cookies

lifelong-learning.lu utilise des cookies pour vous offrir une expérience utilisateur de qualité, mesurer l’audience, optimiser les fonctionnalités des réseaux sociaux et vous proposer du contenu personnalisé.

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies dans les conditions prévues par notre politique en la matière. En savoir plus.

Cookies nécessaires
Ces cookies permettent d'utiliser les principales fonctionnalités de notre site (par exemple l'accès à votre espace réservé). Sans ces cookies, vous ne pourrez pas utiliser notre site normalement.
Statistiques
Ces cookies permettent d'établir des statistiques de fréquentation de notre site. Les désactiver nous empêche de suivre et d'améliorer la qualité de nos services.
Publicité ciblée
Ces cookies permettent de vous proposer sur internet et les réseaux sociaux des informations et des offres de formation qui répondent mieux à vos besoins.

Consulter notre politique d’utilisation des cookies

Accepter tout Paramétrer les cookies
Veuillez patienter...