Il y a quelques semaines j’avais fait une première vidéo sur l’introduction à Javascript. une vidéo assez longue de plus de 40 minutes. Trop longue a mon avis. C’est pour cela que j’ai préféré faire des séries de minis vidéo de 5 à 10 minutes sur des sujets plus précis.
Dans cette premiers série j’aborde 3 différents sujets :
- Créer son premier script en Javascript (où placer son code)
- La déclaration de variables en Javascript
- Les types de données en Javascript
Où placer son code Javascript
Il existe 3 endroits pour placer son code JS : Dans le Head , dans le Body ou bien dans un fichier *.js a part : Exemple ci dessous
<!DOCTYPE html>
<html>
<head>
<title>Mike Codeur Tuto!</title>
<script>
// DANS LE HEAD
console.log(typeof(ok))
</script>
<script type="text/javascript" src="fichier-javascript.js"></script>
</head>
<body>
<h1>Tuto JavaScript</h1>
<script>
// DANS LE BODY
console.log(typeof(ok))
</script>
</body>
</html>
Déclarer une variable en Javascript
Une variable est un emplacement mémoire qui contient une donnée, et qui comme son nom l’indique peut varier au cours du temps dans le programme.
On déclare un variable en Javascript grâce au mot clef var (const ou let pour la version ES6)
<!DOCTYPE html>
<html>
<head>
<title>Mike Codeur Tuto!</title>
</head>
<body>
<h1>Tuto JavaScript</h1>
<script>
var nom = "Mike";
Alert(nom);
</script>
</body>
</html>
Les types de variables
Les variables permettent de stocker des données. Ces données peuvent être de types différents. Par exemple il y a les chaînes de caractères (String), les nombre (Number), les Boolean Objet Array etc.
<!DOCTYPE html>
<html>
<head>
<title>Mike Codeur Tuto!</title>
</head>
<body>
<h1>Tuto JavaScript</h1>
<script>
var nom = "Mike"; //String
var age = 9; //Number
var distance = -50;
var taille = 1.8;
//echapement
var film = "L'enfant";
var film2 = 'L\'enfant';
var film3 = "L\"enfant";
//Boolean
var ok = true;
var nok = false;
//var nom =null;//undefined
//NaN;
console.log(typeof(ok))
</script>
</body>
</html>
Pour connaitre le type de la donnée contenue dans la variable on utilise le mot clef typeof(var) exemple :
<!DOCTYPE html>
<html>
<head>
<title>Mike Codeur Tuto!</title>
</head>
<body>
<h1>Tuto JavaScript</h1>
<script>
var nom = "Mike"; //String
var age = 9; //Number
console.log(typeof(nom)) //affiche String
console.log(typeof(age)) //affiche Number
</script>
</body>
</html>
Retrouve tous les détails dans ces 3 Vidéos
