Apprenez à coder avec JavaScript

Allez, c'est parti ! Ce chapitre va vous présenter les notions fondamentales de la programmation avec JavaScript.

Un premier programme

C'est le moment de faire vos premiers pas avec JavaScript ! Voici votre tout premier programme.

console.log("Bonjour en JavaScript !");

Pour le tester, il vous suffit d'utiliser l'environnement interactif ci-dessous.

https://www.codevolve.com/api/v1/publishable_key/A0AD115498F500753B5BD9AE4A991924?content_id=4577a871-2f80-40ce-b64f-5ad77b195584

Afficher un texte à l'écran (le fameux Hello World bien connu des programmeurs) est souvent la première chose que l'on apprend à faire lorsqu'on découvre un nouveau langage. Vous venez de franchir cette première étape !

Valeurs et types

Une valeur est un morceau d'information utilisé dans un programme informatique. Les valeurs existent sous différentes formes, appelées des types. Le type d'une valeur détermine son rôle et les opérations qui lui sont applicables. 

Chaque langage informatique dispose d'une panoplie de types qui lui est propre. Nous allons étudier deux des principaux types disponibles en JavaScript.

Le type nombre

Une valeur de type nombre (number) représente une valeur numérique, autrement dit une quantité. Comme en mathématiques, on distingue les valeurs entières (ou entiers) 0, 1, 2, 3... et les valeurs réelles (ou réels) auxquelles on ajoute des chiffres après la virgule pour plus de précision.

Les nombres servent essentiellement à compter. Nous pouvons appliquer à des valeurs de type nombre les mêmes opérations qu'en mathématiques. Ces opérations produisent un résultat lui aussi de type nombre. Les principales opérations applicables sont rassemblées dans le tableau suivant.

Le type chaîne

Une valeur de type chaîne de caractères (en abrégé chaîne, ou encore string en anglais) représente un texte. Ces valeurs sont délimitées par une paire de guillemets doubles :"Ceci est une chaîne".

Pour inclure dans une chaîne certains caractères spéciaux, on utilise le caractère\ (qui se prononce "antislash" ou "backslash" en anglais) qui donne un sens particulier au caractère suivant. Par exemple,\n permet d'ajouter un retour à la ligne dans une chaîne.

On ne peut pas additionner ou soustraire des valeurs de type chaîne comme on peut le faire avec des nombres. En revanche, l'opérateur+ peut être appliqué à deux valeurs de type chaîne. Son résultat est la jointure de ces deux chaînes, appelée concaténation. Par exemple,"Bon"+"jour"produit le résultat  "Bonjour".

Structure d'un programme

Nous avons précédemment défini un programme informatique comme étant une liste d'ordres indiquant à un ordinateur ce qu'il doit faire. Ces ordres sont écrits sous forme de texte dans un ou plusieurs fichiers et forment ce qu'on appelle le code source du programme. Les lignes de texte dans un fichier de code source s'appellent des lignes de code. 

Instructions

Chaque ordre inclus dans un programme est appelée une instruction. Une instruction est délimitée par un point virgule. Un programme est constitué d'une suite d'instructions. 

Déroulement de l'exécution

Lorsqu'un programme est exécuté, les instructions qui le composent sont "lues" les unes après les autres. Chaque instruction produit un résultat, et c'est la combinaison de ces résultats individuels qui produit le résultat final du programme.

https://www.codevolve.com/api/v1/publishable_key/A0AD115498F500753B5BD9AE4A991924?content_id=ac7bf2bb-33c2-4308-9564-c358bdd2297a

Commentaires

Par défaut, chaque ligne de texte dans les fichiers source d'un programme est considérée comme une instruction à exécuter. Il est possible d'exclure certaines lignes de l'exécution en les préfixant par une double barre oblique//. Ce faisant, on transforme ces lignes en commentaires.

Les commentaires servent à donner des informations sur le programme et sont destinés au programmeur, non à la machine.

/* Un commentaire 
sur plusieurs
lignes */
 
// Un commentaire sur une seule ligne

À vous de jouer !

Passons maintenant à quelques exercices pratiques pour vérifier que vous avez tout compris !

Accès aux solutions en ligne

Présentation

https://www.codevolve.com/api/v1/publishable_key/A0AD115498F500753B5BD9AE4A991924?content_id=7f1090ce-1743-40b1-adec-5a7f2dc766e6

Mini-calculatrice

https://www.codevolve.com/api/v1/publishable_key/A0AD115498F500753B5BD9AE4A991924?content_id=edbe5133-9b03-40dc-9901-d3f9ccbf98cf

Valeurs affichées

https://www.codevolve.com/api/v1/publishable_key/A0AD115498F500753B5BD9AE4A991924?content_id=a5b0e1f7-a2d8-4316-ae8f-7908b2fd4467

TL;DR : Résumons !

• L'instruction JavaScript  console.log()   permet d'afficher une information.

• Une valeur est un morceau d'information. Le type d'une valeur détermine son rôle et les opérations qui lui sont applicables.

• Le langage JavaScript dispose du type nombre (number) pour représenter une valeur numérique entière ou réelle, et du type chaîne de caractères (string) pour représenter un texte.

• Une valeur de type texte est délimitée par une paire de guillemets simples '  ...  '  ou doubles "  ...  ".

• Les opérateurs  +  ,  -  ,  *  et  /  permettent de réaliser des opérations arithmétiques entre deux nombres. Appliqué à deux chaînes, l'opérateur  +  les fusionne en une seule. Cette opération est appelée concaténation.

• Un programme informatique se compose de plusieurs lignes de code qui s'exécutent successivement.

• Les commentaires (  // ...   ou   /* ... */   ) sont des portions de code non exécutées. Ils permettent de documenter le fonctionnement d'un programme.