À quoi ça sert ?

NPM et Parcel permettent d’installer des bibliothèques (animations, carousels, etc.) dans un projet HTML/CSS/JS, et de travailler avec un serveur de développement adapté à ces outils.

Qu’est-ce que NPM ?

NPM (Node Package Manager) sert à ajouter des bibliothèques à un projet.

Exemple : pour installer GSAP (animations), on tape npm install gsap. La bibliothèque est téléchargée dans le projet, et notée dans le fichier package.json, la liste de ce dont le projet a besoin.

NPM est fourni avec Node.js.

Qu’est-ce que Parcel ?

Parcel est un bundler : il lit ton code source et le prépare pour le navigateur.

Avec Parcel, tu peux :

• Lancer un serveur de développement (http://localhost:1234)
• Importer des bibliothèques installées avec NPM
• Générer une version optimisée pour la mise en ligne

Tu continues d’écrire du HTML, CSS et JavaScript classiques. Parcel s’occupe de l’environnement autour.

Structure du projet

Prérequis

Dans le terminal, vérifier que Node.js est installé :

node -v

Si une version s’affiche (par exemple v24.19.0), c’est bon.