Premiers pas en JavaScript

Ce que tu vas apprendre

• Où JavaScript s'exécute et comment lancer tes premières lignes.
• Déclarer des variables avec let et const.
• Reconnaître les types de valeurs : texte, nombre, booléen, null et undefined.

Où s'exécute JavaScript

JavaScript est un langage de programmation. Dans une page web, il ajoute du comportement au HTML : réagir à un clic, modifier un texte, charger des données.

Il s'exécute dans le navigateur, qui contient un moteur capable de le lire. Hors du navigateur, Node.js exécute aussi du JavaScript, par exemple sur un serveur.

Ta première ligne dans la console

La console est un outil du navigateur où tu tapes du code et lis les messages. Ouvre n'importe quelle page, appuie sur F12, puis choisis l'onglet « Console ».

console.log('Bonjour, cuisine !')

console.log affiche ce que tu lui donnes. C'est l'outil de base pour comprendre ce que fait ton code.

Un script dans une page

Pour que le code vive avec ta page, relie un fichier JavaScript à ton HTML.

<h1>Mes recettes</h1>
<script src="script.js" defer></script>

console.log('La page est prête')

L'attribut defer demande au navigateur d'exécuter le script une fois la page lue. Ton code peut alors trouver les éléments HTML qui existent déjà.

Les variables : let et const

Une variable est un nom qui retient une valeur. On la déclare avec un mot-clé.

const titre = 'Tarte aux pommes'
let portions = 4

portions = 6
console.log(titre, portions)

const crée une variable qu'on ne peut plus réaffecter. let crée une variable qu'on peut modifier plus tard.

Commence toujours par const. Passe à let seulement si tu en as besoin.

Nommer ses variables

Un nom commence par une lettre, _ ou $, sans espace. JavaScript distingue les majuscules des minuscules : titre et Titre sont deux variables différentes.

Par convention, on écrit en camelCase : nombreDePortions. Choisis un nom qui dit ce que contient la variable.

Les types de valeurs

Chaque valeur a un type. L'opérateur typeof le donne.

console.log(typeof 'sel')        // "string"
console.log(typeof 250)          // "number"
console.log(typeof true)         // "boolean"
console.log(typeof undefined)    // "undefined"

Les tableaux et les objets, qui regroupent plusieurs valeurs, arrivent dans un cours dédié.

Texte et nombres

Une chaîne s'écrit entre apostrophes ou guillemets. Avec des accents graves, tu insères des variables dans le texte avec ${} :

const nom = 'crêpes'
const minutes = 20
console.log(`Les ${nom} cuisent en ${minutes} minutes`)

Les nombres s'additionnent, se soustraient et se multiplient avec +, - et *. La division s'écrit /.

Attention, + colle aussi les textes :

console.log('2' + 3)   // "23"
console.log(2 + 3)     // 5

Quand tu mélanges texte et nombre, JavaScript convertit sans prévenir. Pour obtenir un nombre depuis un texte, utilise Number('250').

À retenir

• JavaScript s'exécute dans le navigateur, ou avec Node.js hors du navigateur.
• console.log affiche une valeur dans la console, ouverte avec F12.
• Un script se relie au HTML avec <script src="..." defer>.
• Déclare avec const par défaut, let si la valeur doit changer, et évite var.
• Les types de base sont string, number, boolean, undefined et null.
• Les accents graves et ${} insèrent des variables dans un texte.