Tu veux devenir développeur web. Tu commences à apprendre HTML, CSS et JavaScript. Tout va bien, jusqu’au moment où tu entends parler des fameux frameworks JavaScript.
Et là, c’est le doute : “Est-ce que je dois apprendre Angular ? React ? Vue.js ? Ou peut-être Backbone, Ember, Knockout, Svelte, Mithril, Meteor, Ractive… ? Mais pourquoi y en a-t-il autant ?!”
La réponse est simple : le développement front-end, c’est avant tout afficher des choses sur une page web (on appelle ça le rendering). Et comme chaque application affiche des données différentes, on a besoin d’outils capables de rendre dynamiquement une interface en fonction d’un état.
Imaginons par exemple que l’on souhaite afficher une liste de commentaires YouTube. Avec du HTML pur, il faudrait écrire manuellement le code pour chaque vidéo, puisque chaque vidéo a des commentaires différents. Ce serait ingérable.
Avec JavaScript, en revanche, on peut stocker les commentaires dans un objet, puis écrire une petite fonction pour les afficher dynamiquement.
C’est exactement ce que font les frameworks : ils automatisent le lien entre les données (état) et ce qu’on voit à l’écran (vue).
Mais avant de plonger dans React ou Vue, pourquoi ne pas créer notre propre mini-framework en moins de 50 lignes ? Tu verras, ce n’est pas si compliqué, et ça permet de comprendre ce qui se cache sous le capot des géants du web.
1. Comprendre les bases d’un framework
Un framework front-end est un ensemble d’outils et de règles qui aide les développeurs à construire des applications web de manière plus simple et organisée.
Il fournit une structure de base pour gérer les données, l’interface utilisateur et les interactions.
Il évite de réinventer la roue : au lieu de tout coder à la main (HTML, CSS, JS), le framework propose des méthodes standard pour construire une application.
