Articles

Affichage des articles du avril, 2023

balle avec gravité

Explorer un projet JavaScript sur JSFiddle Dans cette activité, tu vas ouvrir un projet JavaScript en ligne, l’examiner, le modifier et le faire évoluer comme un vrai·e développeur·se front-end. Public : ~ 11 → 18 ans Support parfait pour TP “découverte JS / HTML / CSS” 1) Ouvrir le projet JSFiddle Commence par ouvrir ce lien dans un nouvel onglet (clic droit > Ouvrir dans un nouvel onglet ) : 🔗 https://jsfiddle.net/Amatewasu/3mx2agr5/50/ JSFiddle est un bac à sable (sandbox) qui te permet d’écrire du code HTML , CSS et JavaScript directement dans le navigateur et de voir le résultat en temps réel. Sur JSFiddle, tu verras en général 4 panneaux : HTML , CSS , JavaScript et Result (le rendu). Ton objectif : comprendre comment le code dans les 3 premiers panneaux fabrique ce que tu vois dans le dernier. 🔍 ...

Javascript : Les boids !

Boids : simuler un essaim d’oiseaux en JavaScript 🐦 Les boids sont une simulation célèbre d’oiseaux (ou de poissons) qui bougent ensemble de manière incroyablement réaliste… avec seulement quelques règles simples ! Ce cours te guide de l’idée jusqu’au code, avec des explications accessibles pour les 11–18 ans et assez poussées pour que les profs et développeurs y reviennent en douce 😏. Public : ~ 11 → 18 ans Parfait pour illustrer : vecteurs, boucles, comportements émergents 1) Lien de référence : implémentation complète Nous allons nous inspirer d’une excellente implémentation JavaScript des boids (par Ben Eater) que tu peux consulter ici : 🔗 https://github.com/beneater/boids/blob/master/boids.js Le fichier complet contient tous les détails de la simulation. Ici, on va comprendre les idées importantes, voir des extraits simplifiés, puis te pr...