JavaScript

1. Fondamentaux

Dans ce livre vous allez apprendre les bases de la programmation avec le langage Javascript.

Je vais essayer de vous expliquer de la manière la plus simple et avec mes mots.

Programmer veut dire écrire du code. Comme dans livres qui sont fait de chapitres, paragraphes, phrases, mots, lettres et ponctuations. Un programme peut se décomposer en plusieurs petites parties.

var hello = "hello";
var world = "world";
//renvoie du message "Hello World"
var message = hello + " " + world;

Ce code peut être exécuté par un autre programme appeler interpréteur qui va lire le code, et exécuter tout les instructions dans le bon ordre.

Langage de programmation

Javascript est un langage qui permet de donner des ordres (appelés aussi instructuions) à une machine.

La machine en question peut être :

• un navigateur web
• un ordinateur
• un server sur internet
• un objet intelligent (ex: Raspberry Pi,etc..)
• voir même une carte à puce ! (ex: carte SIM, carte bleue..)

On va donc apprendre des commandes et structures pour expliquer ce qu'on attend de cette machine.

Qu'est-ce qu'un programme ?

Le code source d'un programme est un peu comme une recette de cuisine:

on y définit une liste d'actions(les instructions) qui permettent à quiconque de reproduire le plat, autant de fois qu'il le veut.

Comme avec maman le dimanche quand tu lis la recette :)

Comme dans une recette de cuisine, si votre code source est trop vague ou contient des erreurs, le résultat risque d'être décevant, voire complétement à côté de plaque. (bah ouais moray!).

Contrairement à une recette de cuisine il faut garder en tête que ce n'est pas un.e humain.e qui va interpéter votre code source, mais machine n'est pas capable de raisonner intuivement, il faut être extrêment rigoureux dans le respect des règles de grammaire et d'orthographe du langage.

Si vous ecrivez votre code de manière approximative, 2 choses peuvent se produire :

• Si vous avez de la chance, la machine vous avertira qu'elle n'a pas compris une de vos instructions => elle affichera un message d'erreur pour vous aider à la corriger.
• soit, dans vertains cas, il ne se passera rien de visible. Dans ce cas, ce sera à vous de relire votre code, et de vous mettre à la place de la machine pour essayer de compendre comment elle s'y prend.

Histoire du langage JavaScript

Javascript a été crée en 1995, pour le compte de la société Netscape (éditrice d'une des premiers navigateur web, dont Mozilla Firefox est l'héritier), puis standardisé sous le nom d'ECMAScript ( souvent réduit à ses initiales "ES").

ES6, ES7, etc...

                        netscape navigator 9.0.0.5.

Utilisable sur de nombreuses plate-forme, Javascript est le seul langage de programmation inclus en standard dans les navigateurs web. On dit donc de lui que c'est "le langage du Web".

A NE PAS CONFONDRE JAVA & JAVASCRIPT

Même si le nom ressemble, Java est un langage différent de JavaScript. Si vous avez la flemme de prononcer "JavaScript", utilisez donc ses initiales "JS" plutôt que "Java".

Malgré ses nombreuses évolutions, JavaScript est plutôt un langage de script qu'un langage de programmation, à proprement parler. En effet, il a été conçu comme une solution simple pour ajouter des interactions aux pages HTML du web, et non pour créer des logiciels à haut niveau de sûreté. Une des conséquences: c'est un langage faiblement typé. Nous allons voir ça plus bas.

Exécution de code JavaScript

Il y a deux façons d'exécuter nos instructions JavaScript:

1. demanièreinteractive : viauneconsole
   1. demanièreprogrammative : enrédigeantuncodesource

Dans le premier cas, chaque instruction sera exécutée immédiatement puis retournera un résultat, comme sur une calculatrice.

image caculatrice

Dans le deuxième cas, on va écrire une liste d'instructions dans un fichier (appelé "code source"), pour que notre machine puisse exécuter ce fichier en une seule fois.

Pour tester JavaScript en mode interactif:

Ouvrez une fenêtre de navigation privée (mode incognito) depuis Google Chrome, ouvrez la console JavaScript en utilisant le raccourci clavierCmd+Alt+J(sur Mac) ouCtrl+Shift+J(sur PC/Window)
tapez1+1et validez. => La console devrait afficher le résultat de cette opération. Ensuite tapezalert('bonjour');et observez ce qui se passe.