Cours de Développement JavaScript pour le BTS SIO SLAM

Introduction à JavaScript

JavaScript est un langage de programmation orienté objet, principalement utilisé pour le développement web. Il permet d'ajouter de l'interactivité et de dynamiser les pages web. C'est un langage essentiel pour tout développeur web, car il permet de créer des sites et des applications interactives, améliorant ainsi l'expérience utilisateur.

Historique et évolution

Créé en 1995 par Brendan Eich, JavaScript a rapidement évolué pour devenir un standard dans le développement web. Avec l'avènement des frameworks modernes comme React, Angular, et Vue.js, JavaScript a élargi ses capacités allant bien au-delà de la simple validation de formulaires. Aujourd'hui, il est utilisé non seulement pour le front-end, mais aussi pour le back-end grâce à des environnements comme Node.js.

Syntaxe de base

Variables

Les variables en JavaScript sont des conteneurs qui permettent de stocker des données. Elles peuvent être déclarées avec `var`, `let` ou `const`. Voici un aperçu de leur utilisation :

```javascript
let nom = "Jean"; // variable mutable, peut être modifiée
const age = 25; // variable constante, ne peut pas être modifiée
```

• `var` : Utilisé pour déclarer des variables, avec une portée fonctionnelle. Son utilisation est désormais déconseillée au profit de `let` et `const`.


• `let` : Permet de déclarer des variables qui peuvent être modifiées, avec une portée de bloc. Cela signifie que la variable est accessible uniquement à l'intérieur des accolades où elle a été définie.


• `const` : Permet de déclarer des constantes, qui ne peuvent pas être réaffectées. Celles-ci doivent être initialisées lors de leur déclaration.

Types de données

JavaScript prend en charge plusieurs types de données, chacun ayant des caractéristiques spécifiques :

• String : Chaînes de caractères, par exemple, `let message = "Bonjour";`


• Number : Nombres (entiers et flottants), par exemple, `let prix = 19.99;`


• Boolean : Valeurs de vérité, soit `true` ou `false`.


• Array : Tableaux, qui peuvent contenir plusieurs valeurs, par exemple, `let fruits = ["pomme", "banane", "cerise"];`


• Object : Objets, qui sont des collections de paires clé-valeur, par exemple, `let personne = { nom: "Jean", age: 25 };`

Opérateurs

Les opérateurs permettent d'effectuer des opérations sur les données :

• Aritmétiques : `+` (addition), `-` (soustraction), `*` (multiplication), `/` (division), `%` (modulo).


• Comparaison : `==` (égalité), `===` (égalité stricte), `!=` (inégalité), `!==` (inégalité stricte), `<`, `>`, `<=`, `>=`.


• Logiques : `&&` (ET logique), `||` (OU logique), `!` (NON logique).

Exemple d'utilisation des opérateurs

Voici un exemple concret utilisant différents types d'opérateurs :

```javascript
let a = 10;
let b = 20;
let estEgal = (a === b); // false
let somme = a + b; // 30
let estPlusGrand = (a > b); // false
```

Structures de contrôle

Conditionnelles

Les structures conditionnelles permettent d'exécuter du code en fonction de conditions spécifiques. Voici comment utiliser `if`, `else if`, et `else` :

```javascript
if (age >= 18) {
console.log("Adulte");
} else {
console.log("Mineur");
}
```

Boucles

Les boucles permettent de répéter des instructions plusieurs fois. Voici les deux types de boucles les plus courants :