Logo JavaScript et les APIs Web

Formation JavaScript et les APIs Web

JavaScript est un langage de programmation de script côté client qui est principalement utilisé pour créer des pages web interactives et dynamiques. Il peut être utilisé pour ajouter de l'interactivité aux pages web en exécutant du code côté client lorsque des événements tels que le clic sur un bouton ou le chargement de la page se produisent. Les APIs Web (Application Programming Interfaces) sont des interfaces de programmation qui permettent aux développeurs de créer des applications qui interagissent avec d'autres services ou ressources sur le Web. Elles sont généralement définies avec des protocoles de communication tels que HTTP et permettent aux développeurs d'accéder à des données ou des fonctionnalités d'autres services à l'aide de requêtes et de réponses. JavaScript et les APIs Web sont souvent utilisés conjointement pour créer des applications Web avancées et interactives. Par exemple, une application peut utiliser une API Web pour accéder à des données stockées sur un serveur distant, puis utiliser du JavaScript pour afficher ces données de manière interactive à l'utilisateur. Les APIs Web sont également souvent utilisées pour ajouter des fonctionnalités telles que la géolocalisation, la notification de poussée et l'accès aux appareils de périphérique tels que la caméra ou le microphone.

Objectifs pédagogiques

  • Développer des programmes en JavaScript
  • Comprendre les nouveaux API et nouvelles syntaxes
  • Connaître les différences entre le modèle objet de JavaScript et celui de Java
  • Manipuler le contenu de la page web avec le DOM
  • Connaître et écouter les événements du navigateur
  • Echanger des données avec le serveur

Pré-requis

  • Être au niveau de la formation HTML, CSS et les bases du web
  • Avoir quelques notions de programmation : variables, boucles, fonctions

Public

  • Développeurs
  • Chefs de projets

Programme

Jour 1

Introduction

  • Les IDE JavaScript : Visual Studio Code, WebStorm, EditorConfig
  • Historique et documentation
  • Fonctionnement d’un moteur JavaScript : interpretation, compilation JIT
  • Compatibilité des navigateurs, mode strict, transpilers, polyfills

Syntaxe et APIs JavaScript

  • Types primitifs : boolean, number, string
  • Types objets : array, object, function
  • Types spéciaux : undefined, null
  • Variables et portées : var, let, const
  • Les opérateurs et structures de contrôle
  • Les API du langage : String, Array, RegExp

Fonctions

  • Déclaration : function declaration, anonymous function expression, named function expression
  • Paramètres : nombre, options, valeur par défaut, fonctions variadiques
  • Gestion d’erreurs, exceptions
  • Scope et closure
  • Callbacks synchrones
  • Callbacks asynchrones et boucle d’événement
  • API Function : call, apply, bind

Jour 2

Programmation Orienté Objet

  • Modèle statique (classes en Java) vs Modèle dynamique (dictionnaires en Java)
  • Extensibilité des objets, get/set, defineProperty
  • Object Literal et JSON
  • Factory Function
  • Constructor Function et Prototype
  • Héritage

ECMAScript 6 / ECMAScript 2015

  • Portées de bloc : let, const
  • Default Params
  • Rest, Spread operators
  • Shorthand, method, computed properties
  • Template strings
  • Déstructuration des tableaux et des objets
  • Classes, héritage, super, static
  • Itérables, boucle for .. of
  • Générateurs, symboles
  • Modules ECMAScript
  • Nouveaux API : Map, Set, Reflect, Proxy, Object, String, Array…

ECMAScript 7, 8, 9, 10, 11, ESNext

  • ES7 / ES2016 : Exponentiation, Array.prototype.includes
  • ES8 / ES2017 : Virgules finales, async / await, Object.values/entries, String Padding, Atomics
  • ES9 / ES2018 : Object Rest/Spread, Nouveautés RegExp, Promise.prototype.finally...
  • ES10 / ES2019 : Optional catch binding, Array.prototype.{flat,flatMap}...
  • ESNext : le futur de JavaScript, TC39, processus de normalisation

Jour 3

Manipuler du HTML avec le DOM

  • Représentation du HTML sous la forme d’un arbre
  • Les interfaces Document, Node, Element, EventTarget
  • Les interface HTMLElement, SVGElement et leurs dérivés
  • Lire et modifier le contenu d’une page web

Les événements du web

  • Souscrire et se désabonner d’un événement
  • L’interface Event et ses dérivés : MouseEvent, KeyboardEvent…
  • Propagation et actions par défaut
  • Les événements des formulaires
  • Les événements mobiles : Touch et Pointer
  • Les événements Media
  • Le Drag and Drop

Jour 4

Modifier la mise en forme avec CSSOM

  • La propriété style de HTMLElement
  • Modifier des classes avec className et classList
  • Animer avec requestAnimationFrame
  • Animer avec l'API Web Animations

Communiquer avec le serveur

  • Requête AJAX avec XMLHttpRequest v2 et fetch
  • La bibliothèque axios pour des requêtes simplifiées
  • Echanges bi-directionnels avec les WebSockets
  • Server-sent events
  • L’API Beacon

API de stockage

  • Manipuler les cookies
  • API Storage : sessionStorage, localStorage
  • IndexedDB pour des données structurées
  • pushState et API History

Méthodes mobilisées

  • Un formateur validé par nos équipes techniques et pédagogiques sera présent pendant toute la durée de la formation
  • Pour les formations en présentiel, une salle de formation sera mise à disposition et équipée d'ordinateurs portables, d'un accès Wi-Fi, d'un projecteur et d'un tableau blanc. En distanciel la session sera suivie sur Zoom ou autre outil de visioconférence sur demande (Teams, Webex, Google Meet...).
  • Un support de cours en version numérique sera remis à chaque participant

Modalités d’évaluation

  • Questions orales ou écrites (QCM)
  • Exercices pratiques
  • Auto-positionnement en amont et aval de la formation

Accessibilité aux personnes handicapées

Nous nous engageons à rendre notre formation JavaScript et les APIs Web accessible aux personnes en situation de handicap. Merci de nous contacter afin que nous puissions réaliser les adaptations nécessaires en amont de la formation.

Avis

Romain P.

le 20 juin 2024

Stéphane B.

le 20 juin 2024

Jonathan P.

le 20 juin 2024

Louis H.

le 20 juin 2024

Nicolas S.

le 20 juin 2024

Chayma B.

le 20 septembre 2023

Philippe G.

le 20 septembre 2023

La formation
Beaucoup de mécanismes décrits dans les examples, mais pas dans les slides.

Les +
Bonne explication des concepts, et de leurs évolutions.
Des examples très concrets.

Laurent L.

le 20 septembre 2023

Nicolas D.

le 20 septembre 2023

Saifeddin D.

le 20 septembre 2023

Ludovic R.

le 20 septembre 2023

Safa A.

le 05 juillet 2023

Rabii C.

le 05 juillet 2023

Houda G.

le 05 juillet 2023

Mouna N.

le 05 juillet 2023

Nawres G.

le 05 juillet 2023

Mohamed Ali B.

le 05 juillet 2023

Aymen C.

le 05 juillet 2023

Malek L.

le 14 juin 2023

Aymen C.

le 14 juin 2023

Ahmed Aziz B.

le 14 juin 2023

Sara B.

le 14 juin 2023

Louay G.

le 14 juin 2023

Mohamed Amine C.

le 14 juin 2023

Wassim A.

le 14 juin 2023

Abdeljabar M.

le 15 mars 2023

Les +
Niveau technique et disponibilité du formateur

Thomas D.

le 15 mars 2023

Sarra S.

le 15 mars 2023

Ines B.

le 15 mars 2023

Laurent L.

le 15 mars 2023

La formation
En tant que testeur, je n'ai pas eu connaissance de frameworks de tests existants pour tester les applis web, mais ca n'est pas le sujet de ce training.

Le formateur
Vraiment que des commentaires positifs à adresser à Romain, le formateur, toujours disponible, et répondant à toutes mes questions.

Gerald H.

le 15 mars 2023

Jingyi L.

le 15 mars 2023

Florent V.

le 15 mars 2023

La formation
Les travaux pratiques permettent de bien comprendre le contenu de la formation.

Le formateur
Rien à redire. Au top!

Thouraya A.

le 19 octobre 2022

Asma Y.

le 19 octobre 2022

Omar S.

le 19 octobre 2022

Nabil B.

le 19 octobre 2022

Lamia B.

le 19 octobre 2022

Marwa A.

le 19 octobre 2022

La formation
je suis satisfait

Le formateur
je suis satisfait

Nizar T.

le 19 octobre 2022

Amani B.

le 19 octobre 2022

Amel T.

le 19 octobre 2022

Wissem A.

le 18 mai 2022

Alain L.

le 18 mai 2022

Intissar Z.

le 18 mai 2022

Claire R.

le 18 mai 2022

Hervé C.

le 18 mai 2022

Edin K.

le 18 mai 2022

Sébastien L.

le 18 mai 2022

Le formateur
Très bon formateur, pédagogue et avec des compétences élevéées.

Les +
Découverte du langage petit à petit et de façon chronologique.

François D.

le 18 mai 2022

Stéphane F.

le 20 octobre 2021

Stéphane L.

le 20 octobre 2021

La formation
Prestation tres appreciee au global. Le support de cours est perfectible (mise a jour faite en cours). Un document / resume avec Best practices/patterns et erreurs a eviter serait appreciable.

Pascal H.

le 20 octobre 2021

Commentaire général
Pour ce qui est d'être opérationnel, c'est plutôt un oui/non car comme tout language cela necessite de la pratique derrière pour être à l'aise dans un développement.

Michel Z.

le 20 octobre 2021

Vincent G.

le 20 octobre 2021

Christophe M.

le 20 octobre 2021

La formation
le rappel du matin sur ce qui a été vu la veille est le bienvenu, à garder ;-)

Le formateur
Ca va parfois tres vite, on a du mal à tout assimiler mais c est vrai que le contenu est dense

Quentin G.

le 20 octobre 2021

Le formateur
Parfois un peu rapide sur des points difficile au moment des corrections d'exercices.

Eric A.

le 18 novembre 2020

La formation
Je pense que je dois re travailler et que j'ai un peu decroche par moment car j'ai besoin de pratiquer et de comprendre.

Yosra G.

le 18 novembre 2020

Maxime D.

le 18 novembre 2020

Le formateur
Interactivité toujours très productive.
Plein d'infos complémentaires à fournir.

Frédéric C.

le 18 novembre 2020

La formation
Je suis un peu dérouté par certains aspects de ces langages de programmation (pas uniquement esthétiques).
A voir avec la suite du programme.

Le formateur
Grace à Romain, je suis la formation.
Avec quelqu'un d'autre, j'aurais peut-etre décroché car c'est vraiment une maniere plutot speciale de coder tout cela (pour moi).

Les +
Le rythme avec les pauses regulieres et l'alternance Cours-TP.

Commentaire général
Ne sachant pas ce que je ferai sur le nouveau projet, j'ai besoin de voir/d'apprendre plus de choses pour avoir une meilleure apprehension.

Patrice M.

le 18 novembre 2020

Pascale M.

le 18 novembre 2020

Les +
L'illustration par des exemples.
La pratique apres la presentation des differents chapitres.

Catherine L.

le 20 mai 2020

La formation
J'ai mis "moyennement statisfaite" pour la qualité des TP car je n'ai pas eu assez de temps entre la formation théorique et le TP.
Je ne trouvais pas rapidement de moyens simples pour m'appuyer sur ce qui venait d'être expliqué pour faire les exercices. Il m'aurait fallu plus de temps pour le TP
De plus on ne manipule pas du tout pendant les explications donc arrivés au TP il faut gérer des petites choses quelques fois basiques mais vite bloquantes.
Ces problèmes sont principalement du au fait que la formation soit à distance
j'ai mis aussi "moyennement statisfaite" ds la qualité du support de cours mais plus sur le fait de ne pas retourver facilement ce que l'on venait de faire. Pour les slides je pense que cela pourrait etre bien de les splitter en petits paquets par sujet, car pas facile d'aller chercher info dedans
Donc le "moyennement satisfait" est plus dans l'utilisation des supports à distance que dans le contenu du support lui même ou les sujets des TPs qui sont bien

Le formateur
Le fait que la formation se soit déroulée à distance fait que l'on manque d'échanges spontanés avec le formateur

Les +
La volonté de Romain de vouloir bien faire en fonction du contexte

Amel L.

le 20 mai 2020

Khaoula E.

le 20 mai 2020

Les +
Les exercises

Nabil S.

le 20 mai 2020

Frédéric G.

le 20 mai 2020

Le formateur
très bonne connaissance du sujet

Cédric C.

le 20 mai 2020

Aymen A.

le 20 mai 2020
Dernière modification le 26/12/2022