JavaScript : Débuter avec « Hello, world ! » et au-delà

Bienvenue dans le monde de JavaScript ! Ce tutoriel vous guidera à travers les concepts fondamentaux, en commençant par le programme classique « Hello, World ! » et en progressant vers les règles de syntaxe essentielles. JavaScript, un puissant langage de script, est partie intégrante du développement web, ce qui en fait une compétence cruciale pour les développeurs en herbe.

Premiers pas : Votre premier programme JavaScript

La manière la plus simple de commencer à apprendre un langage de programmation est de créer un programme qui affiche un message. En JavaScript, nous y parvenons en utilisant la méthode console.log(). Cette méthode affiche une valeur dans la console du navigateur (généralement accessible en appuyant sur F12).

Créons notre programme « Hello, World ! » :

console.log("Hello, World!");

Pour exécuter ce code, vous avez plusieurs options :

• Console du développeur du navigateur : Ouvrez la console du développeur de votre navigateur (généralement F12), collez cette ligne et appuyez sur Entrée. Vous verrez « Hello, World ! » s’afficher.
• Fichier HTML : Créez un fichier HTML (par exemple, index.html) et intégrez le code JavaScript à l’intérieur des balises <script> :

console.log("Hello, World!");

Ouvrez ce fichier HTML dans votre navigateur. Le message apparaîtra dans la console ; rien ne changera visiblement sur la page web elle-même. Nous explorerons comment manipuler directement la page web dans les tutoriels suivants.

Comprendre la syntaxe JavaScript

Maintenant que nous avons exécuté notre premier programme, explorons les règles de syntaxe JavaScript essentielles :

• Sensibilité à la casse : JavaScript est sensible à la casse. console.log est distinct de Console.Log ou CONSOLE.LOG.
• Points-virgules : Bien que facultatifs dans certains cas, il est préférable de terminer chaque instruction par un point-virgule (;). Cela améliore la lisibilité du code et prévient les erreurs potentielles.
• Commentaires : Les commentaires sont cruciaux pour expliquer votre code. JavaScript prend en charge :
• Commentaires sur une seule ligne : // Ceci est un commentaire sur une seule ligne
• Commentaires sur plusieurs lignes : /* Ceci est un commentaire sur plusieurs lignes qui peut s’étendre sur plusieurs lignes */
• Variables : Les variables stockent des données. Utilisez let (pour les valeurs mutables) ou const (pour les constantes) pour déclarer des variables :


let message = "Hello"; // Déclare une variable et lui affecte une valeur de chaîne de caractères.
const pi = 3.14159; // Déclare une constante et lui affecte une valeur numérique.


• Types de données : JavaScript gère divers types de données, notamment les nombres, les chaînes de caractères, les booléens (true/false), null, undefined et les objets. Nous aborderons ces points plus en détail plus tard.
• Opérateurs : JavaScript utilise des opérateurs pour l’arithmétique (+, -, *, /), la comparaison (==, !=, >, <, >=, <=), la logique (&&, ||, !) et l’affectation (=, +=, -=, etc.).

Cette introduction jette les bases de votre parcours JavaScript. Les prochains tutoriels approfondiront les concepts avancés. Restez à l’écoute !

Table des matières

• Premiers pas : Votre premier programme JavaScript
• Comprendre la syntaxe JavaScript