Dawan

Javascript/Ecmascript : Approfondissement

Par Dawan

Objectifs

Apprendre et maitriser le DOM et l'Ajax

Programme

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

Pédagogie

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • 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
  • Evaluation de fin de formation : Certification CPF ou mise en situation notée par le formateur

Formations de la même catégories (5)

Ambient IT
Vue.JsPar Ambient IT

Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Vue.js est connu pour avoir rendu le développement front amusant ! Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation vous apprendrez à créer des interfaces web riches en utilisant Vue.js 2 : templating, composants de vue, découverte de son écosystème.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6.10 sortie en Mars 2019 à la date de l’article).

Tanit Formation
Exploiter la puissance javascript pour dynamiser les applications webPar Tanit Formation

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Ziggourat
JavaScript PerfectionnementPar Ziggourat

Cette formation vous permet de découvrir les différentes approches de la programmation orientée objet en JavaScript.

ENI SERVICE
Vue.js – Développer des applications WebPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework Vue.js.

Orsys
JavaScript, maîtriser la Programmation Orientée ObjetPar Orsys

Vous renforcerez dans ce cours vos connaissances en programmation Objet sur JavaScript. Vous étudierez en détail son modèle Objet en mettant en œuvre notamment le concept de classes et d'héritage. Vous découvrirez également les mécanismes avancés du JavaScript et l'intérêt de l'intégrer avec du TypeScript.