Accès rapide :
Développement JavaScript « Moderne »
Développement JavaScript « Moderne » : Plan du cours
Développement JavaScript « Moderne » Rappels sur les technologies Web
Rappels sur les technologies Web : Historique du Web
Rappels sur les technologies Web : Les différents organismes de standardisation
Rappels sur les technologies Web : Le protocoles HTTP et HTTPS
Rappels sur les technologies Web : Rappels sur le langage HTML
Rappels sur les technologies Web : Rappels sur le langage CSS
Développement JavaScript « Moderne » Introduction à JavaScript
Introduction à JavaScript : Utiliser du code JavaScript dans une page Web
Introduction à JavaScript : La déclaration des variables (var, let et const)
Introduction à JavaScript : Les types de données du langage
Introduction à JavaScript : Les opérateurs et les instructions du langage
Introduction à JavaScript : Déclaration de fonctions et gestion des paramètres
Introduction à JavaScript : Les expressions régulières
Développement JavaScript « Moderne » Programmation Orientée Object en JavaScript
Programmation Orientée Object en JavaScript : Introduction au concept d'objet JavaScript
Programmation Orientée Object en JavaScript : L'ancienne approche « prototype »
Programmation Orientée Object en JavaScript : L'approche moderne ES6
Programmation Orientée Object en JavaScript
Développement JavaScript « Moderne » Manipulation du DOM (Document Object Model)
Manipulation du DOM : Quelques premiers objets du navigateur
Manipulation du DOM : Présentation du modèle DOM
Développement JavaScript « Moderne » La gestion des évènements
JavaScript : Répondre à un évènement
Gestion des événements : définir un gestionnaire d'évènements
Objet Event
Prototype d'un gestionnaire d'événement
TP : tableau sélectionnable
Gestion des événements : exemple de comportement
Gestion des événements : propagation d'évènements
Gestion des événements : Annulation de la remontée d'évènements
TP : validation d'un formulaire
Développement JavaScript « Moderne » AJAX et les Services Web REST/JSON
AJAX et les Services Web REST/JSON : Concepts AJAX
AJAX et les Services Web REST/JSON : La classe XMLHttpRequest
AJAX et les Services Web REST/JSON : Les Web Services REST/JSON
Développement JavaScript « Moderne » Utilisation de WebSocket
Utilisation de WebSocket
Développement JavaScript « Moderne » Utilisation des Canvas HTML 5
Utilisation de Canvas HTML 5 : Présentation du tag canvas
Utilisation de Canvas HTML 5 :Présentation du tag canvas
Développement JavaScript « Moderne » Utilisation de Canvas HTML 5
Utilisation de Canvas HTML 5 : Utilisation d'un contexte de tracé 2D
Utilisation de Canvas HTML 5 :Utilisation d'un contexte de tracé 2D
Utilisation de Canvas HTML 5 : Différents types d'effets visuels
Développement JavaScript « Moderne » Multithreading avec l'API des WebWorkers
Multithreading avec l'API des WebWorkers
Développement JavaScript « Moderne » Les autres API JavaScript
Les autres API JavaScript : L'API de Drag'n Drop
Les autres API JavaScript : L'API multimédia (audio, video)
Les autres API JavaScript : L'API de localisation
Les autres API JavaScript : L'API des Storages
Les autres API JavaScript : L'API IndexedDB
Les autres API JavaScript : L'API WebGL
Développement JavaScript « Moderne » Mode hors ligne
Mode hors ligne
Merci de votre attention
Gestion des événements :exemple de comportement Dominique LIARD - KooR.fr - 2001..2019 Tester le code suivant, en cliquant sur le paragraphe : combien de fois une boîte de dialogue est affichée ? <html> <head> <title>Exemple de remontée d'événements</title> </head> <body onclick="alert('body');"> <p onclick="alert('p');">blabla</P> </body> </html> Notes:
Si vous exécutez la page suivante dans un navigateur et si vous cliquez sur le texte du paragraphe, vous devriez voir apparaître une boîte de dialogue affichant "P". Puis ensuite, une autre boîte affichant "BODY" doit apparaître.
Donc, on constate que par défaut, les événements sont remontés au niveau du tag parent. Ce comportement est parfois très bien, parfois, c'est plus gênant.
Diapositive précédente
Diapositive suivante
Vous êtes un professionnel et vous avez besoin d'une formation ?
Programmation
Voir le programme détaillé
2025 © SARL Infini Software - Tous droits réservés
Mentions légales
Les informations présentes dans ce site vous sont fournies dans le but de vous aider à acquérir les compétences nécessaires à
l'utilisation des langages ou des technologies considérés. Infini Software ne pourra nullement être tenu responsable de l'utilisation
des informations présentes dans ce site.
De plus, si vous remarquez des erreurs ou des oublis dans ce document, n'hésitez surtout pas à nous le signaler en envoyant un mail
à l'adresse : .
Les autres marques et les noms de produits cités dans ces documents sont la propriété de leurs éditeurs respectifs.
Améliorations / Corrections
Vous avez des améliorations (ou des corrections) à proposer pour ce document : je vous remerçie par avance de m'en faire part, cela m'aide à améliorer le site.
Emplacement :
Description des améliorations :