Formation Javascript/Ecmascript : Initiation + Approfondissement

icon public

Public : Développeurs Web - Webmasters - Intégrateurs

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Javascript/Ecmascript : Initiation + Approfondissement

Pré-requis : Connaissance en HTML et CSS

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

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Référence : SIT100292-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

Télécharger le programme
INTER INTRA DISTANCE TUTORAT

À partir de

950,00 € HT / jour

Tarif pour une personne à distance sans frais
+ 75,00 € HT par participant supplémentaire
+ frais en cas de formation présentielle

1 996,00 € HT

1 000,00 € HT

Pour 20 tickets de 30mn (10 heures) utilisables pendant 12 mois

2 495,00 € HT

Tarif plein :

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

1 996,00 € HT

Tarif remisé :

Contacter Dawan
Javascript

Programme de Formation Javascript/Ecmascript : Initiation + Approfondissement

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

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

CopyrightDepot Dawan

Délai d'accès :Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Dans le cas d’un financement via votre CPF, la validation de votre dossier devra être réalisée 11 jours ouvrés avant le début de formation

Modalités d’évaluation : Les évaluation en cours de formations sont réalisées par les ateliers de mise en pratique et les échanges avec les formateurs

Dans ce cours nous découvrons les bases de la programmation Javascript, des interactions dynamiques avec le HTML à  l'aide du DOM, les principes avancés de la programmation orienté objet ainsi que l'utilisation des traitements asynchrone à  l'aide des promesses et de l'Ajax

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 année d'expériences dans le domaine visé
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Délai d’accès : D'une à trois semaines en fonction des sessions ouvertes

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Bordeaux Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Distance Du 28/07/2025 au 01/08/2025 Oui S'inscrire
Distance Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Distance Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Lille Du 28/07/2025 au 01/08/2025 Oui S'inscrire
Lille Du 06/10/2025 au 10/10/2025 Oui S'inscrire
Lyon Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Lyon Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Marseille Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Marseille Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Montpellier Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Montpellier Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Nantes Du 01/09/2025 au 05/09/2025 Oui S'inscrire
Nantes Du 17/11/2025 au 21/11/2025 Oui S'inscrire
Nice Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Nice Du 13/10/2025 au 17/10/2025 Oui S'inscrire
Paris Du 28/07/2025 au 01/08/2025 Oui S'inscrire
Paris Du 06/10/2025 au 10/10/2025 Oui S'inscrire
Paris Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Rennes Du 01/09/2025 au 05/09/2025 Oui S'inscrire
Rennes Du 17/11/2025 au 21/11/2025 Oui S'inscrire
Strasbourg Du 01/09/2025 au 05/09/2025 Oui S'inscrire
Strasbourg Du 17/11/2025 au 21/11/2025 Oui S'inscrire
Toulouse Du 04/08/2025 au 08/08/2025 Oui S'inscrire
Toulouse Du 13/10/2025 au 17/10/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • Nous avons couvert toutes les connaissances que vous utiliseriez dans un environnement de travail, sans hors sujets, avec des exemples précis et clairs.
  • Le formateur était très cool, compétent, a répondu à chaque question avec un bon exemple. Il a expliqué JavaScript mieux en 1 semaine que les professeurs d'université en 2 ans.
  • Luca-David B.

  • Très bon environnement de travail. La classe virtuelle s'est bien passée et les moyens techniques mis en œuvre ont été à la hauteur de mes attentes.
  • Le cours était très complet et la progression du cours était cohérente.
  • Bon rythme de formation permettant de bien assimiler les notions apprises durant ce cours.
  • Formateur à l'écoute et disponible s'il y a besoin d'aide, prend le temps de bien expliquer certaines notions plus complexes.
  • Sylvain L.

  • Le contenu est pertinent, on arrive facilement à suivre les cours et la théorie et la pratique est bien dosé
  • La formation est bien rythmé, on prend rapidement en compétence et on a pas cette peur de l'echec
  • Le formateur donne beaucoup de pertinence dans son cours, ces exemples sont en adéquation avec les leçons et nous fait beaucoup prendre en compétence.
  • Sacha F.

  • Tout était excellent, compréhensible, je sens que j'ai bien progressé avec ce cours et l'enchainement des exercices
  • Tout est parfait. Cela correspond vraiment à mes attentes
  • Guillaume est un excellent formateur. Tout était clair, il a pris le temps de tout expliquer. J'ai appris beaucoup de chose et j'ai vraiment progressé grâce à lui. Merci
  • Cédric P.

  • Le cours a été très bien amené, même avec toutes les informations Mathias a réussi a faire en sorte que ce soit le plus clair possible pour nous !
  • Mathias a toujours été à l'écoute, c'était très souvent clair lorsqu'il expliquait et dans le pire des cas il était toujours la pour nous réexpliquer si ça coinçait à un endroit !
  • Aimen H.

  • Rien à dire concernant l'environnement de travail, tout a été mis en œuvre afin de suivre la formation dans les meilleures conditions.
  • La formation aborde toutes les notions essentielles en JavaScript, ce qui donne une base solide afin d'appréhender des frameworks JavaScript tel que ReactJs par exemple. De nombreux exemples concrets à travers un support que l'on construit pas à pas tout au long de la formation.
  • La formation correspondait globalement à mes attentes professionnelles. Le rythme était très correct, avec des exercices afin de mieux assimiler la théorie.
  • Rien à redire, excellente maîtrise technique et communication. Le formateur est très à l'écoute, prend le temps d'expliquer et de revenir sur certaines notions au besoin.
  • Johan C.

  • super, mais trop de termes techniques ceux qui accentues la difficulté à acquérir et comprendre tout le cours.
  • très bon formateur.
  • Wafik B.

  • Chapitres annoncés fait et tester via des exercices tout au long de la semaine. Le temps accordé par chapitres m'a sembler tout à fait correct et le temps accordé aux questions posés également.
  • Le cours m'a paru mieux expliqué et plus "aéré", plus clair, à partir du moment où la demande a été faite par les élèves. Passer à des explications plus détaillées, ligne de code par ligne de code, et en expliquant l'utilité des différentes syntaxes utilisées à chaque fois m'a semblé important pour assimiler. C'est une bonne chose, j'ai trouvé cela beaucoup plus facile à suivre également et cela évite de décrocher en cours de route, ce qui arrive rapidement lorsque le rythme est trop rapide.
  • Céline P.

  • Très bon environnement, calme et bon matériel.
  • Cours assez dense et certains concepts assez peu évoqués ailleurs => très bon point. Les exemples donnés sont évocateurs et bien amenés.
  • Au début, parfois rythme trop rapide, mais très vite corrigé après demande. Niveau plus avancé que dans mes attentes, j'ai pu apprendre plein de choses.
  • Formateur qui prend le temps de réaliser des exemples, des démonstrations et de répondre aux questions, et chercher des résolutions aux problèmes des apprenants. On sent la passion du formateur !
  • Kristina K.

  • Avancée progressive et détaillée
  • Hadrien D.

  • Le support pour la pratique des différents exos est excellent pour s'améliorer
  • Rayan N.

  • Merci pour cette formation !
  • Mathias T.

  • Nicolas est très dynamique et compétent, son cours a été agréable à suivre
  • Pierre-Yves C.