Bonjour et bienvenue dans ce cours !
Nous allons découvrir ensemble comment écrire du JavaScript pour le web. Commençons tout de suite avec le DOM.
Qu'est-ce que le DOM ?
Le DOM, qui signifie Document Object Model (c'est-à-dire "modèle d'objet de document", en français), est une interface de programmation qui est une représentation du HTML d'une page web et qui permet d'accéder aux éléments de cette page web et de les modifier avec le langage JavaScript.
Il faut voir le DOM comme un arbre où chaque élément peut avoir zéro ou plusieurs enfants, qui peuvent avoir eux-mêmes zéro ou plusieurs enfants, qui peuvent avoir zéro ou plusieurs... enfin je pense que vous comprenez le principe. ;)
Dans le DOM, on commence toujours par un élément racine qui est le point de départ du document : la balise <html> . Celle-ci a pour enfants les balises <head> et <body> qui ont donc un parent commun : la balise <html> ! Vous trouverez ensuite le contenu de votre page dans la balise <body> sous forme de liens, boutons, blocs, etc.
Concrètement, à quoi va nous servir le DOM ?
Avec une interface de programmation nous permettant de parcourir le DOM, nous allons pouvoir interagir avec lui. Ces interactions comprennent :
La modification du contenu d'un élément précis ;
La modification du style d'un élément ;
La création ou la suppression d'éléments ;
L'interaction avec les utilisateurs, afin de repérer des clics sur un élément ou encore de récupérer leur nom dans un formulaire ;
Etc.
En résumé
Vous savez maintenant ce qu'est le DOM et à quoi il sert.
Aujourd'hui, les sites Internet sont de plus en plus dynamiques et animés. En effet, leur contenu change et évolue en continu, sans avoir besoin de recharger la page. Cela vous permet d'avoir une navigation fluide et agréable, qui n'est bien sûr pas pour nous déplaire.
Eh bien c'est le DOM qui permet de faire tout cela ! Et nous allons apprendre à le dompter dans ce cours.
Alors vous êtes prêts ? À vos claviers !
