Table des matières du langage de programmation Javascript
1. Prerequis
1.1 Gestionnaire de Version (Git)
- Maîtrise de Git pour la gestion du code source, le suivi des modifications et la collaboration avec d'autres développeurs.
1.2 Utilisation du Shell
- Familiarité avec les commandes du shell pour l'administration du système et l'exécution de scripts.
1.3 Langage de Programmation HTML
- Maîtrise de HTML pour la création et la structuration du contenu web, ainsi que pour la gestion du code source, le suivi des modifications et la collaboration avec d'autres développeurs.
2. Introduction à JavaScript
2.1 Qu'est-ce que JavaScript
JavaScript est un langage de programmation polyvalent utilisé pour développer des sites web interactifs, des applications mobiles et des applications côté serveur. En bref, avec JavaScript, vous pouvez créer à peu près tout ce que vous imaginez dans le monde numérique.
2.2 À quelles fins peut-on utiliser JavaScript ?
JavaScript peut être utilisé à diverses fins, reflétant un large éventail d'applications et de besoins dans le monde numérique
- Développement Web et Applications : Création de sites web interactifs, d'applications web et mobiles pour offrir des expériences utilisateur riches et dynamiques.
- Automatisation des Tâches : Automatiser des tâches répétitives côté client, telles que le web scraping, les tests automatisés et la manipulation de données
- Développement de Jeux : Création de jeux en ligne, d'animations et de visualisations de données interactives pour divertir et éduquer.
- Applications Serveur : Utilisation de Node.js pour développer des applications côté serveur, y compris des serveurs web, des API RESTful et des services en temps réel.
- Extensions de Navigateur : Création d'extensions pour les navigateurs web afin d'ajouter des fonctionnalités supplémentaires et personnaliser l'expérience utilisateur.
- Internet des Objets (IoT) : Contrôle de dispositifs connectés et développement d'applications pour l'Internet des Objets pour rendre les objets domestiques et industriels plus intelligents et interconnectés.
2.3 Avertissement concernant JavaScript
Comme pour tout langage de programmation, une utilisation incorrecte de JavaScript peut entraîner des risques de sécurité. Veillez à suivre les bonnes pratiques de programmation pour protéger les utilisateurs contre les vulnérabilités, quel que soit le langage utilisé.
3. Installation de JavaScript
3.1 Pour les applications web
Il n'est pas nécessaire de l'installer, car JavaScript est intégré à tous les navigateurs web modernes.
index.htmlPour l'utiliser dans une page web, il vous suffit d'inclure une balise
<script> dans votre code HTML et d'y mettre votre code JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript en local</title>
</head>
<body>
<script>
Votre code JavaScript ici
</script>
</body>
</html>
3.2 Pour les projets Node.js
Node.js est un environnement d'exécution JavaScript côté serveur, utilisé pour créer des applications (comme des applications de messagerie en temps réel, des API de services web, des applications de traitement de fichiers, etc.). Nous explorerons ses fonctionnalités, telles que la gestion asynchrone, l'utilisation de modules et la construction de serveurs.
Vous devez d'abord installer Node.js sur votre système. Vous pouvez le faire en téléchargeant le package d'installation à partir du site officiel de Node.js
Une fois que vous avez installé Node.js sur votre système, vous avez la possibilité de créer des fichiers JavaScript (.js) pour y écrire votre code.
index.jsCréez votre fichier index.js et mettez-y le code suivant :
console.log('Salut');
Ensuite, vous pouvez exécuter ce code en utilisant le terminal ou l'invite de commandes. Il vous suffit d'utiliser la commande node suivie du nom du fichier que vous souhaitez exécuter. Cela vous permet de tester et de déboguer votre code JavaScript localement sur votre machine.
Terminal node index.js
4. Déclarations pour stocker des données
4.1 Les variables
Les variables déclarées avec let en JavaScript servent à stocker une variété de types de données tels que des nombres, des chaînes de caractères, des tableaux, des objets, etc., permettant ainsi de représenter et de manipuler diverses informations dans un programme. Contrairement aux variables déclarées avec const, les variables let peuvent être réassignées à tout moment après leur initialisation, offrant ainsi une flexibilité pour mettre à jour et manipuler les données en fonction des besoins changeants de l'application.
Déclarons une variable en respectant les conventions de nommage appropriées.
index.js'let' associe un 'nom' à une valeur
let nom = type_de_données
CamelCase : Pour les noms de variables composés de plusieurs mots, la première lettre de chaque mot, sauf le premier, est en majuscule
let nomVariable = type_de_données
Utilisez des noms courts mais descriptifs et évitez les mots inutiles 'age' plutôt que 'userAge'
let age = 30;
Comprendre la réaffectation d'une variable.
index.jsDéclaration d'une variable avec une valeur initiale
let variable = "Valeur initiale de la variable";
Réassignation de la variable
variable = "Nouvelle valeur de la variable";
Affiche "Nouvelle valeur de la variable"
console.log(variable);
Comprendre la portée limitée des variables dans le code.
index.jsDéclaration d'une variable
let varGlobale = "Ceci est une variable globale";
if (true) {
Déclaration d'une autre variable
let varLocale = "Ceci est une variable locale";
Affiche "Ceci est une variable globale"
console.log(varGlobale);
Affiche "Ceci est une variable locale"
console.log(varLocale);
}
Affiche "Ceci est une variable globale"
console.log(varGlobale);
Erreur : ReferenceError : varLocale est inaccessible
console.log(varLocale);
4.3 Les constantes
Les constantes déclarées avec const en JavaScript servent également à stocker des données de différents types, tout comme les variables déclarées avec let. Cependant, la principale différence réside dans le fait que les variables déclarées avec const ne peuvent pas être réassignées après leur initialisation. Cela signifie que la valeur d'une variable const reste constante tout au long de l'exécution du programme. Les développeurs utilisent souvent des variables const pour définir des valeurs qui ne devraient pas changer au cours du temps, telles que des constantes mathématiques, des configurations, ou des références immuables à des objets.
Déclarons une constante en respectant les conventions de nommage appropriées.
index.jsconst NOM = type_de_données
Constantes en majuscules
const PI = 3.14;
Pour les noms de variables composés de plusieurs mots, on met un underscores pour séparer les mots
const MAX_SIZE = 100;
Comprendre qu'une constante ne peut pas être réaffectée.
index.jsDéclaration d'une constante
const constante = "Valeur initiale de la constante";
Tentative de réassignation de la constante (ce qui génère une erreur)
constante = "Nouvelle valeur de la constante";
Affichage de la constante
console.log("Valeur de la constante :", constante);
Comprendre la portée limitée des constantes dans le code.
index.jsDéclaration d'une constante globale
const CONST_GLOBALE = "Ceci est une constante globale";
if (true) {
Déclaration d'une autre constante locale
const CONST_LOCALE = "Ceci est une constante locale";
Affiche "Ceci est une constante globale"
console.log(CONST_GLOBALE);
Affiche "Ceci est une constante locale"
console.log(CONST_LOCALE);
}
Affiche "Ceci est une constante globale"
console.log(CONST_GLOBALE);
Erreur : ReferenceError : CONST_LOCALE est inaccessible
console.log(CONST_LOCALE);
Laissez un commentaire