Pour commencer ce tutoriel, nous allons voir comment inclure du code Javascript dans une page Web en utilisant un fichier HTML et comment afficher un message d’alert « Hello World » simple pour vous assurer que votre environnement de développement est configuré correctement.
Intégration de Javascript dans une page HTML
Pour utiliser du code Javascript dans une page Web, vous devez d’abord créer un fichier HTML qui inclut un lien vers ce code. Voici comment créer un fichier HTML de base et y inclure un lien vers un fichier Javascript nommé « app.js » :
- Ouvrez un éditeur de code (comme VSCode) et créez un nouveau fichier index.html.
- Dans le fichier, ajoutez les éléments de base d'un document HTML :
<!DOCTYPE html>
<html>
<head>
<title>Mon site</title>
</head>
<body>
<!-- Le contenu de votre site ira ici -->
</body>
</html>
- créez un nouveau fichier app.js au même niveau que index.html et incluez le dans votre page HTML.
<!DOCTYPE html>
<html>
<head>
<title>Mon site</title>
</head>
<body>
<!-- Le contenu de votre site ira ici -->
<script src="app.js"></script>
</body>
</html>
Premier code Javascript : "Hello World"
Maintenant que vous avez créé un fichier HTML qui inclut un lien vers un fichier Javascript, voici comment écrire un code « Hello World » dans ce fichier :
- Ouvrez le fichier "app.js" dans votre éditeur de texte.
- Dans le fichier, ajoutez une alerte qui affiche un message "Hello World" lorsqu'elle est appelée :
alert('Hello World!');
Voilà ! Lorsque vous chargez votre page Web, le message « Hello World » devrait s’afficher sur votre page internet.
Félicitations, vous avez maintenant créé votre première page Web qui inclut du code Javascript ! Vous avez appris comment inclure un fichier Javascript dans une page HTML et comment écrire une fonction simple qui affiche un message « Hello World ». Avec ces compétences, vous êtes prêt à continuer à apprendre et à pratiquer la programmation en Javascript pour créer des pages Web interactives et dynamiques. Bonne chance dans vos projets de développement !
Tutoriel Javascript
- 1 - Introduction à Javascript
- 2 - Variables et types de données
- 3 - Opérateurs et expressions
- 4 - Les conditions (if, switch)
- 5 - Boucles (for, foreach, while)
- 6 - Les fonctions
- 7 - Les objets
- 8 - Propriétés et méthodes de l’objet Math
- 9 - Manipulation de la page HTML avec Javascript
- 10 - Événements et gestionnaire d’événements
- 11 - Introduction aux classes et aux objets en Javascript (ES6)
- 12 - Gestion des erreurs et débogage
- 13 - Intro aux modules et import/export (ES6)
- 14 - TP jeu de devinette
Newsletter
Ne manquez jamais les nouveaux conseils, tutoriels et autres.
Pas de spam, jamais. Nous ne partagerons jamais votre adresse électronique et vous pouvez vous désabonner à tout moment.