HTML

Ressources Web : HTML, terminal & JavaScript 🌐

Pour apprendre à créer des pages web, jouer avec le terminal, découvrir le FTP, le PHP et même faire pousser un arbre fractal en JavaScript ! Adapté aux élèves du collège, lycée… et aux adultes curieux. 🙂

🌟 Activité 1 – Introduction à la programmation HTML

Découvrir comment fonctionne une page web : titres, paragraphes, images, liens… Pas besoin d’être un pro, on commence doucement et on voit tout de suite le résultat dans le navigateur.

👉 Ouvrir l’activité 1 : Introduction à la programmation HTML

💻 Activité 2 – Terminal, FTP & premières notions de PHP

Apprendre quelques commandes utiles dans une fenêtre de terminal (Windows ou autre), envoyer un fichier sur un serveur avec le FTP et créer une petite page PHP très simple. Parfait pour comprendre ce qui se passe “derrière” un site web.

👉 Ouvrir l’activité 2 : commandes de terminal, FTP & PHP

🌳 Activité 3 – Arbre fractal en JavaScript dans une page HTML

Mélanger HTML et JavaScript pour dessiner un arbre fractal : un arbre qui se répète et se ramifie tout seul grâce au code. Idéal pour visualiser les boucles, les fonctions et un peu de maths… sans douleur.

👉 Ouvrir l’activité 3 : arbre fractal en JavaScript

Tu peux suivre les activités dans l’ordre… ou choisir directement celle qui t’inspire le plus. ✨

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Basthon.fr

Basthon.fr – Programmer en Python directement dans le navigateur Un “bac à sable” Python en ligne, idéal pour les élèves, les enseignants… et les curieux 🐍💻 👉 Ouvrir Basthon.fr dans un nouvel onglet 1. Basthon, c’est quoi ? Basthon (pour Bac à Sable pour Python ) est un environnement Python en ligne : rien à installer sur l’ordinateur ; tout se passe dans le navigateur web (Chrome, Firefox, Edge…) ; on peut écrire, exécuter et tester du code Python en quelques secondes ; il propose à la fois une console et des notebooks type Jupyter :contentReference[oaicite:0]{index=0} Basthon est très utilisé dans le système scolaire français, notamment en maths et NSI, car il respecte le RGPD et ne nécessite pas de création de compte pour les élèves. :contentReference[oaicite:1]{index=1} 2. À quoi ça ressemble ? Quand tu ouvres Basthon.fr , tu peux génér...
Lire la suite

mBot2 - programmation mBlock/python

Programmer mBot2 – Parcours d’exercices (blocs + Python) Dans ce cours, tu vas apprendre à programmer le robot mBot2 avec : les blocs (mBlock, façon Scratch), et, en option, quelques idées de code Python . Pour chaque exercice : on commence par la version en blocs (à faire en priorité), puis on voit comment on ferait la même chose en Python (pour ceux qui veulent aller plus loin). 0. Préparation – Bien démarrer avec mBot2 Avant de commencer : Vérifie que la batterie de mBot2 est chargée. Ouvre mBlock sur ton ordinateur ou ta tablette. Ajoute le robot mBot2 dans ton projet. Connecte le robot (USB ou Bluetooth). Teste un tout petit programme : Allumer les LEDs en bleu pendant 2 secondes, Puis les éteindre. Si ça marche, tu es prêt(e) pour la suite ! Exercice 1 – Faire avancer et reculer le robot Objectif : Découvrir les moteurs, la vitesse et la durée. Version en blocs (mBlock) Crée un nouveau programme mBlock ...
Lire la suite

Mario Kart 2D

Créer un véhicule “physique” dans Scratch Un mini-cours complet pour apprendre à programmer un véhicule avec accélération, friction, gestion des bords et blocs personnalisés . Parfait pour les ateliers du mercredi, les cours collège/lycée et les profs qui veulent des activités clés en main. Public : 8 → 18 ans + idées pour aller plus loin Ressource de départ : projet Scratch à télécharger Tu peux partir de zéro ou gagner du temps en important un projet de base. Clique ici pour récupérer le projet Scratch de référence : 📥 Ressource : Télécharger le projet de départ Une fois sur Scratch, clique sur “Voir à l’intérieur” pour inspecter les scripts, puis sur “Remix” si tu veux l’adapter. 1) Créer un simple véhicule (contrôles de base) Première étape : faire apparaître une voiture (ou un vaisseau, un kart…) qui répond aux touches du clav...
Lire la suite