Kaherecode

Apprendre Javascript: Introduction

Mamadou Aliou Diallo
@alioukahere 9 févr. 2019
841

Alors tu es nouveau en programmation ou tu essayes juste d'apprendre Javascript pour l'ajouter à tes autres compétences? Bienvenu! Cette série de tutoriels est faites pour toi et tu as juste une seule chose à faire, pratiquer ce que nous allons voir ensemble. Je ne cesserais jamais de le dire, ça ne sert à rien de lire des tutoriels sans pratiquer, la seule manière de vraiment apprendre à programmer, c'est de pratiquer.

Dans ce tutoriel, nous allons découvrir un peu ce que c'est Javascript, ces différentes versions, et voir les bases pour coder en Javascript. On commence tout de suite.

Ce tutoriel est le premier d'une série de tutoriels que j'écris sur la programmation en Javascript, Inscris-toidonc pour être sûr de ne rien rater des prochains tutoriels.

Le Javascript est l'un des langages de programmation le plus populaire, il est aujourd'hui utilisé dans presque tous les domaines rattachés à l'informatique: Web, Mobile, Logiciels de Bureau, Systèmes Embarqués, Machine Learning, Jeux Vidéos, ... C'est dire donc que le domaine d'activité est énorme.

Le Javascript est aujourd'hui utilisé pour faire des applications web full stack (frontend et backend). La montée de Node.js ces dernières années a ouvert l'utilisation du Javascript sur le backend, ce qui relevait du domaine des langages tels Java, Python, PHP, Ruby, ... Mais qu'est ce que c'est Javascript?

Javascript kezako?

Créé il y a de cela 20 bonnes années (c'est toujours bien l'histoire), le Javascript était le premier et le seul langage de scripts supporter par les navigateurs web. Il était principalement utilisé pour faire des animations sur des pages DHTML.

De nos jours, le Javascript a évolué et s'exécute comme on l'a vu dans l'introduction sur le frontend (sur le navigateur) mais aussi en backend (sur le serveur), ce qui a donc commencé comme un simple langage de scripts qui tourne dans un navigateur est devenu un langage mondiale utilisé presque partout. Le Javascript va donc s'exécuter sur tous matériels qui contient ce qu'on appelle un moteur Javascript, il en existe plusieurs dont V8 chez Google Chrome et Opera, SpiderMonkey chez Firefox, SquirrelFish chez Safari, ... C'est ces moteurs qui lisent le Javascript et l'exécutent.

Pour un peu définir Javascript en quelques points, nous allons dire que le Javascript est:

Faisons un petit mis en point, Le Javascript n'a rien à voir avec le Java. Le Java est un langage de Programmation de chez Sun Microsystems, et le Javascript un langage développé par Brendan Eich.

Pour la petite histoire (c'est toujours bien l'histoire je vous ai dit), le Javascript à la base s'appelait LiveScript, mais le Java existait déjà à l'époque et était déjà très populaire, les mainteneurs de Javascript ce sont donc dit que positionner leur langage comme étant le petit frère du Java allait pouvoir aider à bien positionner le langage, ils l'ont donc appelé JavaScript.

Mais aujourd'hui tout cela a changé, le Javascript a sa propre spécification appelé ECMAScript que nous allons voir tout à l'heure.

Versions de Javascript

Parlons maintenant de ECMAScript, ce nom un peu bizarre. ECMAScript (aussi appelé ES) est le standard sur le quel le Javascript est basé.

Ecma International est une association suisse de normalisation chargée de définir les normes internationales.

La première version de Javascript (LiveScript) en 1997 était appelé ES1, puis ES2 et ES3 en 1998 et 1999. Ensuite est sorti ES4 qui a été un vrai fiasco et qui a dû être abandonné (merci Wikipedia).

En décembre 2009 est sorti ES5 puis ES5.1 en Juin 2011.

En juin 2015, le Javascript a connu un changement majeur, l'ES2015 est sorti, le changement se voit déjà sur le nom. Le nom officiel c'est maintenant ES2015 et l'édition c'est ES6, aujourd'hui on trouvera plus ES6 comme nom que ES2015, mais ça ne change rien. Cette version de Javascript à apporter des changements majeur sur la programmation même en Javascript tels les classes, les générateurs, ... Depuis, chaque année, au mois de juin, une nouvelle version de Javascript est publié.

Bon, pour l'édition, vous prenez juste le dernier chiffre du nom officiel (ES2017 - 7) et vous ajoutez 1 (ES7+1 - ES8), la version de Javascript qui sortira donc cette année en 2019 (Juin) s'appellera donc ES2019 et l'édition va être ES10 (ES9+1).

Utilités du Javascript

Depuis le début de ce tutoriel, je ne cesse de le dire, le Javascript est aujourd'hui utilisé dans presque tout les domaines de la programmation informatique que nous connaissons, en passant par le web, le développement d'applications mobile, les jeux vidéos, le machine learning, ...

Parlons ici des deux domaines les plus populaires, à savoir le développement web et mobile.

Sur le web, le Javascript nous permet aujourd'hui de faire des applications full stack, notre application sera donc entièrement codé en Javascript sur le frontend et le backend, ce qui est déjà extraordinaire en soit. A la base, on utilise un langage backend tel que le Java, PHP, Python et sur le frontend, bon on utilise Javascript, ce qui nous fait deux langages sur une seule et même application.

Toujours sur le web, le Javascript va nous permettre:

De nos jours, il est impossible de voir une page web qui n'utilise pas du Javascript.

Maintenant sur le mobile, le Javascript nous permet aujourd'hui de faire des applications mobiles pour Android, mais aussi iOS, avec un seul codebase, nous avons nos applications, pas besoin donc de faire du Java à coté pour Android et du Swift pour iOS.

Le Javascript est donc très utilisé, aujourd'hui les applications mobiles de Facebook (Messenger, Instagram, ...) tournent toutes sur du Javascript.

Voyons maintenant quelques styles syntaxique du Javascript.

Le point virgule

En Javascript, le point virgule n'est pas du tout obligatoire, d'ailleurs personnellement je préfère l'omettre et vous le verrez dans les exemples que nous allons voir ensemble. Il faut juste être très prudent dans ce cas, évitez par exemple décrire des instructions sur plusieurs lignes:

return
1+4

Ou aussi de commencer une ligne avec [ ou ( et vous serez sauve dans la plus part des cas. Utilisez un linter (ESLint) pour vous signalez les erreurs et rien ne vous arrivera de grave.

Commentaires

En Javascript, vous pouvez utiliser deux types de commentaire, les commentaires sur plusieurs lignes:

/*
 Ceci est un commentaire sur plusieurs lignes
*/

et les commentaires sur une seule ligne:

// Ce commentaire tient sur une seule ligne

Sensibilité à la casse

Le Javascript est sensible à la casse, cela veut dire que variable est différent de Variable qui est aussi différent de VARIABLE.

Ce qu'il faut retenir, c'est que le Javascript est aujourd'hui un langage très populaire et que si vous avez le temps de l'apprendre, n'hésitez surtout pas.

C'est fini pour cette première partie, rendez-vous la semaine prochaine pour la deuxième partie de cette série de tutoriels ou nous allons voir les variables et types de variables en Javascript.

A bientôt.

C'est fini pour ce tutoriel, si tu as des questions ou des problèmes, n'hésite pas, rends toi dans la section commentaire ci-dessous et explique nous ton problème.

Tu as aimé ce tutoriel? Partage le avec tes proches en cliquant sur les boutons ci-dessous. Sinon dis moi ce que tu n'a pas aimé, j'accepte les critiques :-)


Partage ce tutoriel


Merci à

Mamadou Aliou Diallo

Mamadou Aliou Diallo

@alioukahere

Développeur web fullstack avec une passion pour l’entrepreneuriat et les nouvelles technologies. Fondateur de Kaherecode.

Continue de lire

Discussion

Tu dois être connecté pour participer à la discussion. Me connecter.