[Guide] Mieux comprendre et utiliser le Javascript

[Guide] Mieux comprendre et utiliser le Javascript

Lorsque j'ai commencé à apprendre le Javascript, je le voyais comme le langage utilisé majoritairement pour animer des pages web, et pour cause, la technologie en vogue était toujours ce bon vieux jQuery, et AngularJS n'avait que quelques mois d'existence.

Étant en plein dans l'apprentissage de la POO en C++, de l'architecture logiciel et des design pattern à l'époque, le Javascript me paraissait aux antipodes de cette approche très structurée avec son typage dynamique, son principe de référence par défaut et son absence de compilation.

Un jour, alors que nous venions d'adhérer au club programmation de mon IUT (car oui, programmer la journée ne suffisait pas) monté par l'un des professeurs les plus captivant de l'établissement, ce dernier se mit comme objectif de nous montrer pourquoi ce langage est unique.

Depuis ce jour j'ai commencé à expérimenter en Javascript, d'abord pour ajouter quelques interactions, puis pour faire appel à mes webservice afin de rendre mes pages dynamiques, puis sont arrivés les frameworks modernes et je ne l'ai plus jamais quitté.

Ici j'ai essayé de regrouper tous mes articles parlant de Javascript si, tout comme moi, ce langage vous passionne, ainsi que quelques articles externes que je trouve particulièrement intéressants !

Le Javascript en pratique

Electron, ou comment développer des applications desktop en Javascript - Blog - Code-Garage
Un article qui parle de mon expérience avec Electron, ses points forts mais aussi ses points faibles !
Comment afficher du code sur un site web avec highlight.js et la balise <pre> - Blog - Code-Garagea
Il n’y a rien que je déteste plus que les tutoriels où le code est en fait une image !
Le jour où j’ai essayé de recréer la vie en Javascript - Blog - Code-Garage
Voilà une expérimentation que j’ai fait il y a quelques années, un programme javascript auto-généré !

NodeJS

En 2015 je découvre NodeJS, et c'est à ce moment-là que je comprends qu'il ne suffit pas de connaitre un langage, mais il faut aussi connaitre ses différents environnements d'exécution et leurs spécificités.

Non, NodeJS n’est pas un langage ! - Blog - Code-Garage
Quelle est la différence entre un langage et un environnement d’exécution ?

Il est aussi important de savoir jusqu'où peut aller l'intégration de cet environnement avec le système sur lequel il tourne, et pour celà, rien ne vaut l'expérimentation !

Comment j’ai écris un malware (à but éducatif) avec NodeJS en moins d’une heure ! - Blog - Code-Garage
Rappel : la récupération de données d’autrui grâce à un malware est punie d’un minimum de 15000€ d’amende et d’un an d’emprisonnement.
Comment exécuter une commande système ou un programme externe en NodeJS ? - Blog - Code-Garage
Si en voyant la librairie “node-ffmpeg” vous pensiez que ffmpeg avait été réécrite en JS, alors lisez cet article jusqu’à la fin !
Monter un proxy configurable avec NodeJS en quelques minutes - Blog - Code-Garage
Vous cherchez un proxy en NodeJS facile à déployer, configurable et open-source ? Je vous présente AnyProxy !
Comment passer d’une version de NodeJS à une autre avec NVM - Nicolas Brondin-Bernard
L’outil CLI indispensable et simple d’utilisation !

Pour aller plus loin

Je suis récemment tombé sur cette série d'article par Lydia Hallie que je trouve très intéressants pour comprendre le fonctionnement interne de Javascript, du moteur V8 mais aussi des Web API.

Ces articles sont en anglais, mais les schémas intéractifs concoctés par l'autrice sont vraiment clairs et faciles à comprendre, alors bon appétit !

✨♻️ JavaScript Visualized: Event Loop
Oh boi the event loop. It’s one of those things that every JavaScript developer has to deal with in o...
🔥🕺🏼 JavaScript Visualized: Hoisting
Hoisting is one of those terms that every JS dev has heard of because you googled your annoying error...
⚡️⛓JavaScript Visualized: Scope (Chain)
Time for the scope chain 🕺🏼 In this post I assume you know the basics of execution contexts: I’ll soo...
🚀⚙️ JavaScript Visualized: the JavaScript Engine
JavaScript is cool (don’t @ me), but how can a machine actually understand the code you’ve written? A...
🎉👨‍👩‍👧‍👧 JavaScript Visualized: Prototypal Inheritance
Ever wondered why we can use built-in methods such as .length, .split(), .join() on our strings, arra...
💡🎁 JavaScript Visualized: Generators and Iterators
ES6 introduced something cool called generator functions 🎉 Whenever I ask people about generator func...
⭐️🎀 JavaScript Visualized: Promises & Async/Await
Ever had to deal with JS code that just... didn’t run the way you expected it to? Maybe it seemed lik...
J'espère que ce guide vous aura été utile, et à bientôt sur le blog !

Les articles les plus populaires du blog

Envie de continuer à lire des articles autour du développement web (entre autres) ? Voici la sélection des articles de mon blog les plus lus par la communauté !

Voir la sélection 🚀

Recevez les articles de la semaine par e-mail pour ne rien manquer !

S'abonner à la newsletter 📧
Mes formations disponibles 🎓  -5% inclus pour les lecteurs du blog

À propos de l'auteur

Hello, je suis Nicolas Brondin-Bernard, ingénieur web indépendant depuis 2015 passionné par le partage d'expériences et de connaissances.

Aujourd'hui je suis aussi formateur/coach pour développeurs web juniors, tu peux me contacter sur nicolas@brondin.com, sur mon site ou devenir membre de ma newsletter pour ne jamais louper le meilleur article de la semaine et être tenu au courant de mes projets !


Photo par Ben White sur Unsplash