[Introduction au JavaScript] De la Creation a la Revolution Web
Salut ! Jeff Bruchado par ici.
C'est le premier article de notre serie d'articles qui vont couvrir notre voyage pour Apprendre la Programmation depuis Zero.
Avant tout, j'ai un petit nom affectueux que j'utilise pour les personnes qui suivent mes contenus, je vous appelle les HaWkers.
Donc si vous voyez cela dans les prochains articles, vous savez maintenant pourquoi.
Bon, commencons !
HaWker, vous etes-vous deja demande ce qui se cache derriere toutes ces pages web interactives et animees que vous parcourez quotidiennement ?
Si oui, la reponse en grande partie est : JavaScript. Mais qu'est-ce que JavaScript, d'ou vient-il et comment est-il devenu si essentiel dans le web moderne ? Decouvrons-le.
Qu'est-ce que JavaScript ?
JavaScript est un langage de programmation de haut niveau, dynamique, interprete et oriente objet. Il est connu principalement comme le langage de script pour les pages web, mais il est aussi utilise dans de nombreux environnements au-dela du navigateur, comme Node.js, Apache CouchDB et Adobe Acrobat.
La caracteristique distinctive de JavaScript est sa capacite a s'executer dans le navigateur, rendant les pages web interactives et dynamiques.
Cette interactivite peut varier de simples pop-ups d'alerte a des applications web complexes, comme des editeurs de texte et des jeux 3D.
Applications Pratiques du JavaScript
Generalement les personnes qui debutent se demandent pourquoi JavaScript est si fondamental.
En plus de son application evidente sur les pages web, il est aussi largement utilise dans le developpement de serveurs backend, la creation d'applications mobiles, les jeux, et meme la robotique.
La capacite d'agir a la fois cote front-end et cote back-end, via Node.js, a transforme JavaScript en un langage de programmation "omnipresent". C'est-a-dire, vous apprenez un langage et vous avez la capacite d'agir dans differents domaines du Developpement de Software.
D'ailleurs JavaScript est largement utilise dans les startups, qui optent generalement pour une plus grande vitesse de developpement de leurs applications.
Consequemment cela fait que le marche du developpement avec JavaScript est gigantesque.
Bon, la partie suivante peut ne pas etre interessante pour la plupart des lecteurs, mais je la considere importante pour que vous ayez une idee quand vous parlerez de programmation avec d'autres personnes, l'histoire derriere est toujours tres cool a connaitre.
Histoire du JavaScript
L'histoire de JavaScript commence en 1995 avec l'entreprise Netscape Communications, qui developpait son navigateur, Netscape Navigator. Pour rendre son navigateur plus dynamique et interactif, Netscape a decide d'inclure un langage de script leger.
Le langage a ete initialement appele Mocha, puis LiveScript et, finalement, JavaScript - bien qu'il n'ait pas de relation directe avec le langage Java. Le nom etait davantage un mouvement marketing, car Java etait un langage extremement populaire a cette epoque.
Brendan Eich, un ingenieur de Netscape, a cree JavaScript en seulement 10 jours. Malgre sa creation rapide et quelques incoherences, le langage a gagne en popularite rapidement.
En 1996, Microsoft Internet Explorer a lance sa propre version de JavaScript, appelee JScript, pour contourner les problemes de licence. Cela a conduit a des incoherences entre les implementations du langage dans les differents navigateurs, rendant le developpement web un defi.
Pour standardiser le langage, Netscape a soumis JavaScript a l'Ecma International, un groupe de standardisation.
Le resultat a ete la premiere edition de la norme ECMAScript en 1997. Cette norme est ce que les navigateurs et autres interpreteurs JavaScript utilisent comme reference pour implementer le langage.
A ce moment ou vous connaissez l'histoire, vous comprenez pourquoi les versions de JavaScript utilisent ce nom ECMAScript.
Defis du JavaScript Aujourd'hui
Bien que JavaScript ait une vaste gamme d'applications et soit extremement populaire, il n'est pas exempt de defis. Avec l'evolution du web, des preoccupations surgissent concernant la securite, l'optimisation des performances et la compatibilite entre navigateurs.
De plus, avec la proliferation des frameworks et bibliotheques, le choix de la bonne technologie peut parfois etre ecrasant pour les developpeurs novices.
Versions
Depuis sa standardisation, ECMAScript a eu plusieurs editions qui ont apporte de nouvelles fonctionnalites et changements au langage :
- ES1 (1997) : La premiere edition.
- ES2 (1998) : Une edition editoriale de la norme pour etre en conformite avec les regles ISO.
- ES3 (1999) : A introduit de nombreuses fonctionnalites qui sont fondamentales dans le langage aujourd'hui, comme les expressions regulieres et la manipulation de strings et arrays.
- ES4 : Cette version n'a jamais ete lancee. Il y avait de nombreuses propositions, mais le comite n'a pas pu se mettre d'accord.
- ES5 (2009) : A introduit des fonctionnalites importantes, comme les getters et setters, et des fonctionnalites natives JSON.
- ES6 ou ES2015 : C'etait une mise a jour significative pour le langage, apportant des classes, modules, promesses, let/const et de nombreuses autres fonctionnalites qui ont modernise le langage.
- ES2016 et suivants : Le comite a decide de mettre a jour la norme annuellement. Ces versions apportent moins de fonctionnalites, mais garantissent que le langage continue d'evoluer.
La Beaute de la Simplicite du JavaScript
L'une des choses les plus appreciees en JavaScript est sa simplicite quand on veut realiser des taches basiques. Par exemple, afficher un message a l'ecran est aussi simple que :
Ce code cree un pop-up avec le message "Salut, HaWkers !" quand la page est chargee.
Manipulation du DOM avec JavaScript
La manipulation du Document Object Model (DOM) est l'une des utilisations les plus courantes de JavaScript dans les applications web. Vous voulez changer le texte d'un element HTML ? C'est facile :
Ce code cherche un element avec l'ID "monElement" et change son contenu en "Nouveau Texte !".
Mais si vous n'avez pas compris ce que j'ai dit ci-dessus, pas de panique ! Bientot vous allez maitriser cela.
N'ayez pas peur !
Fonctions en JavaScript
Les fonctions sont des blocs de code qui peuvent etre reutilises. Par exemple, si vous voulez creer une fonction qui salue quelqu'un par son nom, vous pourriez faire :
ES6 et Au-dela : Syntaxe Moderne
L'introduction d'ES6 a apporte une syntaxe plus elegante et des fonctionnalites puissantes. L'une de ces fonctionnalites est l'arrow function, qui fournit une maniere plus concise d'ecrire des fonctions :
Asynchronicite en JavaScript
JavaScript a introduit des concepts de programmation asynchrone, comme les Promises et async/await, qui aident a gerer les operations qui prennent du temps, comme les requetes reseau :
Dans cet exemple, nous utilisons l'API fetch pour recuperer des donnees d'un endpoint et ensuite afficher ces donnees.
La Communaute derriere JavaScript
L'une des grandes forces de JavaScript est sa communaute active et engagee. Etant un langage open source, de nombreux developpeurs contribuent a l'evolution et a la maintenance des frameworks, bibliotheques et outils.
Des plateformes comme GitHub et npm sont remplies de packages et solutions crees par des passionnes de JavaScript, prets a etre utilises et adaptes selon les besoins.
Conclusion
Eh bien HaWker, comme vous pouvez le constater, JavaScript est passe d'un langage cree a la hate a l'un des langages de programmation les plus importants et les plus largement utilises au monde.
Son impact sur le web et son evolution continue garantissent qu'il restera pertinent pendant de nombreuses annees.
A cet instant ou vous avez une base sur la Programmation, plus specifiquement sur ce qu'est JavaScript et sa riche histoire, vous etes pret a plonger plus profondement et explorer son plein potentiel.
Ouf !
Nous arrivons a la fin de notre premier article.
Et si vous etes arrive jusqu'ici, repondez a cet email avec "Je suis arrive jusqu'a la fin".
Seul un veritable HaWker arrive jusqu'a la fin.
Felicitations !
Je suis content de vous avoir ici.
A bientot, c'est parti !
- Jeff Bruchado
Felicitations d'etre arrive jusqu'ici, HaWker !
Maintenant que vous avez appris l'histoire et l'importance de JavaScript, que diriez-vous de tester vos connaissances ? Participez au quiz ci-dessous et voyez combien vous avez absorbe de notre article. C'est une excellente facon de consolider l'apprentissage et de vous preparer pour les prochaines etapes de votre voyage de programmation.
Cliquez ici pour acceder au quiz.
Bonne chance et amusez-vous !