Skip to main content

Syntaxe de Base en JavaScript

Choisissez votre classe

Les Fondamentaux pour Devenir un Maître du Code​

Bienvenue dans l’univers de la syntaxe JavaScript !​

Maintenant que tu sais ce qu’est JavaScript et pourquoi il est si puissant, il est temps de te familiariser avec la syntaxe de base du langage. En gros, c’est un peu comme apprendre les règles de grammaire d’une nouvelle langue. Une fois que tu maîtrises ces règles, tu peux commencer à t’exprimer de manière claire et précise dans ton code.

Alors, détends-toi, on va explorer les éléments essentiels de la syntaxe JavaScript ensemble, pas à pas. Tu vas voir, ce n’est pas si compliqué !

1. Les Variables : Tes Boîtes à Outils​

En JavaScript, les variables sont comme des petites boîtes dans lesquelles tu peux stocker des informations. Ces informations peuvent être des nombres, des textes, ou même des objets plus complexes. Il y a trois façons principales de déclarer des variables en JavaScript : var, let, et const.

let :​

C’est la façon la plus courante et la plus moderne de déclarer une variable. Elle permet de créer une variable dont la valeur peut changer au cours de l’exécution du programme.

let message = "Hello, world!";
message = "Salut, le monde!"; // On peut changer la valeur

const :​

Quand tu sais que la valeur d’une variable ne changera pas, utilise const. Ça crée une variable “constante” qui ne peut pas être modifiée après sa déclaration.

const PI = 3.14;
// PI = 3.14159; // Ceci déclencherait une erreur, car PI est une constante

var :​

C’est la méthode “ancienne école” pour déclarer des variables. Aujourd’hui, on préfère let et const pour des raisons de sécurité et de clarté, mais il est bon de savoir que var existe.

var age = 25;
age = 30; // On peut aussi changer la valeur, mais avec quelques pièges à éviter

Pourquoi cette distinction ?​

En résumé, utilise let pour les variables qui changent, const pour celles qui ne changent pas, et oublie var sauf si tu dois travailler avec du code très ancien.

2. Les Types de Données : Les Briques Fondamentales​

En JavaScript, tout tourne autour des types de données. Chaque variable que tu crées a un type spécifique, comme un nombre, une chaîne de caractères (texte), un tableau, etc. Voici les types de données les plus courants que tu utiliseras :

Nombre (Number) :​

Les nombres en JavaScript sont assez simples. Ils peuvent être entiers (comme 10) ou décimaux (comme 3.14).

let age = 25;
let pi = 3.14;

Chaîne de caractères (String) :​

Les chaînes de caractères sont des bouts de texte entourés de guillemets simples (') ou doubles (").

let greeting = "Bonjour";
let name = 'Alice';

Booléen (Boolean) :​

Un booléen ne peut avoir que deux valeurs : true ou false. C’est super utile pour les conditions et les tests logiques.

let isJavaScriptFun = true;
let isSkyGreen = false;

Tableau (Array) :​

Un tableau est une liste de valeurs. Chaque valeur est placée entre crochets [] et séparée par des virgules.

let fruits = ["Pomme", "Banane", "Orange"];

Objet (Object) :​

Un objet est une collection de paires clé-valeur. Chaque clé est associée à une valeur, et c’est un moyen puissant de structurer des données complexes.

let person = {
    name: "John",
    age: 30,
    isStudent: true
};

Pourquoi c’est important ?​

En comprenant les types de données, tu peux mieux organiser ton code et éviter les erreurs. Imagine un peu : si tu essaies d’ajouter un texte à un nombre sans faire attention, tu risques de te retrouver avec des résultats étranges !

3. Opérations : Faire de la Magie avec les Variables​

Maintenant que tu sais comment créer des variables, voyons comment tu peux les manipuler avec des opérations. JavaScript te permet de faire plein de trucs sympas, comme additionner des nombres, combiner des chaînes de caractères, ou comparer des valeurs.

Addition, soustraction, multiplication, division :​

Les opérations mathématiques de base sont simples comme bonjour.

let x = 10;
let y = 5;
let sum = x + y; // 15
let diff = x - y; // 5
let product = x * y; // 50
let quotient = x / y; // 2

Concaténation de chaînes :​

La concaténation, c’est le fait de coller des chaînes de caractères ensemble.

let firstName = "Alice";
let lastName = "Smith";
let fullName = firstName + " " + lastName; // "Alice Smith"

Opérateurs de comparaison :​

Les opérateurs de comparaison te permettent de comparer des valeurs et de retourner un booléen (true ou false).

let a = 10;
let b = 20;

console.log(a > b); // false
console.log(a < b); // true
console.log(a === b); // false (strictement égal)
console.log(a !== b); // true (strictement différent)

Pourquoi ça compte ?​

Les opérations te permettent de manipuler tes données pour faire à peu près tout ce que tu veux. C’est comme avoir une boîte à outils super puissante pour construire des fonctionnalités dans ton application.

4. Conditions : Le GPS de Ton Code​

Les conditions te permettent de prendre des décisions dans ton code. Elles fonctionnent un peu comme des panneaux de signalisation qui disent à ton programme quelle route emprunter en fonction des circonstances.

if et else :​

Ces deux-là forment la base des conditions. Si une condition est vraie, fais ceci ; sinon, fais cela.

let age = 18;

if (age >= 18) {
  console.log("Tu es majeur !");
} else {
  console.log("Désolé, tu es encore mineur.");
}

else if :​

Quand tu veux tester plusieurs conditions, utilise else if.

let score = 85;

if (score >= 90) {
  console.log("Tu as obtenu un A !");
} else if (score >= 80) {
  console.log("Tu as obtenu un B !");
} else {
  console.log("Tu peux faire mieux !");
}

Pourquoi c’est cool ?​

Les conditions te permettent de rendre ton code intelligent, de réagir aux données en temps réel, et d’offrir une expérience utilisateur plus riche et plus personnalisée.

5. Boucles : Répéter pour Mieux Avancer​

Les boucles sont des structures qui te permettent de répéter une action plusieurs fois. Elles sont super utiles pour traiter des listes de données ou pour exécuter du code plusieurs fois avec de légères variations.

for :​

La boucle for est la plus courante. Elle est idéale quand tu sais à l’avance combien de fois tu veux répéter une action.

for (let i = 0; i < 5; i++) {
  console.log("i est égal à " + i);
}

while :​

La boucle while continue de s’exécuter tant qu’une condition est vraie.

let n = 0;

while (n < 3) {
  console.log("n est égal à " + n);
  n++;
}

Pourquoi c’est utile ?​

Les boucles t’évitent de répéter du code inutilement. Elles sont parfaites pour parcourir des listes, exécuter des tâches répétitives, et automatiser des actions dans ton programme.

6. Fonctions : Les Super Pouvoirs Réutilisables​

Les fonctions sont des blocs de code que tu peux réutiliser autant de fois que tu veux. Elles permettent de rendre ton code plus propre, plus organisé, et plus facile à maintenir.

Déclarer une fonction :​

Une fonction est définie par le mot-clé function, suivi d’un nom, d’une liste de paramètres entre parenthèses, et d’un bloc de code entre accolades.

function saluer(nom) {
  return "Bonjour, " + nom + "!";
}

console.log(saluer("Alice")); // "Bonjour, Alice!"