Introduction

Bienvenue au pays du JavaScript 👋

Commençons ton voyage par une brève introduction. En 1989, Tim Berners-Lee créé le premier navigateur Web ainsi que le premier site web. À l'origine, les sites web étaient de simples documents textuels, les pages web étaient écrites en utilisant le langage HTML. Quelques années après, le CSS a été ajouté pour rendre les sites plus jolis. Si tu veux en savoir plus, va donc plutôt visiter HTML & CSS !

JavaScript ou JS pour les intîmes a été inventé en 1993 par Breden Eich. Il a été créé pour ajouter de l'interactivité et améliorer l'experience en réagissant aux actions de l'utilisateur.

Pourquoi JavaScript ?

JavaScript est un bon langage pour commencer la programmation. C'est un langage dit "haut niveau", ce qui le rend relativement facile d'accès (comme le Python par exemple).

Le site Code Passport que tu regardes en ce moment même a été créé en JavaScript, mais c'est un langage de programmation qui permet de faire bien plus que des sites web, par exemple :

• des applications mobiles avec ReactNative
• des backends / serveurs web avec NodeJS
• et bien d'autres !

C'est également un des langages les plus populaires et demandé en entreprise, comme le montre ce sondage réalisé par le site Stack Overflow :

"There are only two kinds of languages the ones people complain about and the ones nobody uses" - Bjarne Stroustrup (Inventeur du C++)

Même si tu es intéressé plus tard par un autre langage, notre but ici est de te permettre de te familiariser avec la programmation en général, c'est pourquoi la plupart des concepts pourront très facilement être appliqués à d'autres langages.

Attention à ne pas confondre Java et JavaScript, ces deux langages n'ont de commun que leur nom !

Hello world

Traditionnellement, le code le plus simple que l'on puisse écrire dans un langage de programmation s'appelle hello world. Il s'agit d'un programme qui affiche simplement le message "hello world" dans le langage en question pour montrer que tout fonctionne correctement. En javascript, le code en question ressemble à ça :

console.log('hello world');

console.log('hello world');

Ce code appelle la fonction console.log()console.log() avec la chaîne de caractères 'hello world''hello world' en argument. Cette fonction permet d'afficher ce qu'on lui passe en paramètre dans la console de debug.

On utilise des '' autour du texte, pour dire au JavaScript qu'il s'agit d'une chaîne de caractères car si on ne le précise pas, il essayera d'accéder à une variable. On peut aussi utiliser "" de la même manière :

console.log("Je m'appelle Grace"); // on utilise " pour pouvoir utiliser des ' à l'intérieur

console.log("Je m'appelle Grace"); // on utilise " pour pouvoir utiliser des ' à l'intérieur

Tout ce vocabulaire te semble probablement abstrait, mais ne t'inquiète pas, il deviendra beaucoup plus clair par la suite !

Les exercices

Pour apprendre plus facilement, tu pourras écrire et tester ton code dans les étapes de type exercice.

Pour résoudre un exercice, écris ton code dans l'éditeur et vois la console se mettre à jour automatiquement :

Test ton code en utilisant le bouton TESTER, et réessaye de changer ton code si les tests ne passent pas :

Place à la pratique !

Le moment est venu d'écrire ton premier code JavaScript, appuis sur PRATIQUER pour commencer.