Gift clicker : sauve Noël avec tes lignes de code
Au pôle Nord, dans l’atelier du père Noël, c’est la panique. Les lettres s’entassent, Santa est débordé et les lutins ne peuvent plus suivre la cadence. Même Rudoph a été réquisitionné ! Malgré tout, il faut se rendre à l’évidence : cette année, les enfants sont trop nombreux et la distribution des cadeaux est fortement menacée.
C’est là que tu entres en jeu. Ta mission ? Créer une machine magique capable de produire des cadeaux à chaque clic. Pour y arriver, tu vas devoir la coder. HTML, JavaScript, CSS… tu vas concevoir ton propre mini-jeu, ajouter des fonctionnalités, automatiser la production, personnaliser l’interface. Ligne après ligne, tu construis ton usine virtuelle, tout en découvrant les bases du développement web.
Le père Noël compte sur toi. Et si tu échoues, la liste des méchants pourrait bien s’allonger…
Plonge dans le codage et construis ta machine à jouets
Oublie les jeux tout faits, ici c’est toi qui les inventes. À partir d’une page blanche, tu vas coder ton propre Gift Clicker. Tu démarres avec du HTML pour poser les bases, tu ajoutes du JavaScript pour gérer les clics, les compteurs, les améliorations… et tu rends le tout plus festif avec du CSS.
À chaque étape, tu comprends comment fonctionne un site internet. Tu testes, tu modifies, tu ajustes. Tu peux même aller plus loin : créer des niveaux, ajouter des sons, inventer ta propre usine en ASCII Art.
Un Coding Club concret, créatif et progressif, pour maîtriser l’art du codage en jouant.
Parlons peu, parlons bien : ce que tu vas apprendre
Si le père Noël a ses lutins pour l’aider, à Epitech Academy nous pouvons compter sur nos étudiantes et étudiants de talents. Tout au long de ce Coding Club, ils t’accompagneront et te guideront. À leurs côtés tu découvriras comment :
- Créer une page web avec le langage de programmation HTML et à y intégrer du contenu interactif ;
- Utiliser JavaScript pour détecter des clics, modifier le texte ou lancer des actions ;
- Personnaliser le style d’un jeu avec du CSS ;
- Automatiser des actions grâce à des fonctions, des boucles et des conditions ;
- Ajouter une logique de sauvegarde grâce aux cookies ;
- Créer une interface unique et originale avec l’outil ASCII Art.
Un Coding Club ouvert à tous les niveaux
Que tu sois novice en codage ou déjà un peu à l’aise avec les balises et les variables, tu peux te lancer. Gift Clicker a été pensé pour s’adapter à toutes et tous, du collège au lycée, sans prérequis technique. Tu avances à ton rythme, tu es guidé(e) à chaque étape et tu peux même aller plus loin si tu te sens prêt(e).
Ici, pas de pression : juste l’envie de tester, de comprendre et, au passage, de sauver Noël grâce à ses lignes de code
Déroulé de l’atelier (informatique) du père Noël
L’activité est pensée pour t’initier aux notions de base du développement et aux langages de programmation modernes. Le niveau de complexité augmente de manière croissante, pour t’offrir une vraie montée en compétences, sans jamais te bloquer dans ton apprentissage du code.
- Étape 1 : tu poses les fondations de ton jeu grâce au langage de programmation HTML.
- Étape 2 : tu rends le jeu interactif grâce à JavaScript.
- Étape 3 : conditions, alertes, messages personnalisés… tu commences à contrôler le comportement du jeu et à définir son objectif.
- Étape 4 : tu automatises la production de tes machines magiques.
- Étape 5 : tu termines en beauté. Avec le CSS, tu choisis les couleurs, les polices, les animations. Tu ajoutes des bonus, un décor en ASCII Art, un système de sauvegarde avec les cookies… et peut-être même un message de victoire pour les plus persévérant(e)s.
Ce qu’il te faut
Pas besoin d’un set-up digne des meilleur(e)s joueuses et joueurs d’esport, ni d’un ordinateur dernier cri. Le Coding Club a été conçu pour fonctionner avec un équipement simple, léger et accessible, dans un environnement ludique et bienveillant. Pas de logiciel compliqué, ni d’installation technique, pour participer, il te faudra simplement :
- Un ordinateur (Windows, macOS ou Linux) et un bon accès la wifi, ou à défaut, un bon partage de connexion ;
- Un navigateur à jour (Google Chrome ou Mozilla Firefox de préférence) ;
- Un éditeur de texte de type Visual Studio Code ou une plateforme en ligne comme jsfiddle.net ;
- Et surtout : beaucoup de curiosité, l’envie d’explorer, une bonne dose de motivation, une à deux bonnes idées et, bien sûr, un brin d’esprit de Noël !
Prêt(e) à sauver
Noël ?
Les lutins recrutent et les sessions Gift Clicker n’attendent plus que toi. Tout au long de l’année, ce Coding Club est organisé sur les campus Epitech aux quatre coins de la France.
Choisis ta ville, réserve ta place et viens coder ta propre usine à cadeaux. Plus fun qu’un calendrier de l’Avent, plus magique qu’un pull moche : ici, c’est toi qui fais briller les fêtes.
Envie de (re)faire l’atelier chez toi ?
Tu veux continuer à coder tranquille à la maison, (re)jouer avec le compteur, améliorer ton usine à cadeaux ou augmenter le niveau de difficulté ? Pas de souci.
Télécharge la fiche complète de l’activité Gift Clicker avec toutes les étapes, les exemples de code et les astuces pour aller encore plus loin.
Made with love by…
Cet atelier a été imaginé, codé et testé par l’équipe d’Epitech Montpellier dans le cadre des Coding Clubs. Il repose sur des contenus libres, diffusés sous licence Creative Commons, pour permettre à toutes et tous de découvrir le développement web de manière vivante, concrète et accessible.
Un grand merci à Epitech Bordeaux pour l’inspiration venue tout droit du projet Canelé Clicker.
