Introduction au Javascript
Javascript
Javascript est le langage de programmation des pages web. Il nous permet de rendre les pages web plus dynamiques en ajoutant du code qui s'exécute lorsque l'utilisateur interagit avec la page. Par exemple, nous pouvons utiliser Javascript pour afficher des messages d'erreur lorsque l'utilisateur remplit un formulaire, pour afficher des images en diaporama, pour détecter le clic d'un bouton et beaucoup plus.
Création d'un fichier Javascript
Pour créer un fichier Javascript, vous pouvez le faire comme pour un fichier HTML.
- En créant un fichier texte dont vous renommez l'extension à .js dans votre explorateur de fichier.
- En créant un fichier .js directement à partir de votre éditeur de code.
Peu importe de quelle façon vous créez le fichier, vous devez le mettre dans le dossier js de votre projet Web. Cela nous permettra de garder notre code de façon plus organisée.
- nom-du-projet
- assets
- css
- js
- index.html
Lier un fichier Javascript
Une fois votre fichier Javascript est créé, nous ne pourrons pas immédiatement écrire du code dedans. En effet, il va falloir d'abords indiquer à notre page HTML d'utiliser ce nouveau fichier .js. Pour ce faire, rendez vous dans le fichier HTML que vous voulez lier avec votre nouveau fichier Javascript et ajouter la balise <script> dans la balise <head> de la page.
- type="module"
- Indique que le fichier Javascript que nous voulons lier est un module. Tous vos fichiers Javascript devraient être des modules pour des raisons de performance, de sécurité et maintenance.
- src
- Indique le chemin vers le fichier Javascript que nous désirons lier. Nous utiliserons généralement un chemin relatif qui pointe dans notre dossier js.
Dans les pages suivantes, nous verrons comment écrire le code Javascript pour permettre à notre site web de devenir plus interactif avec nos utilisateurs.