%20{%20transform-origin:%20276px%20256px;%20}%20/*%20Rien%20ne%20bouge%20si%20la%20personne%20a%20demandé%20moins%20d'animations%20dans%20son%20système.%20*/%20@media%20(prefers-reduced-motion:%20no-preference)%20{%20circle%20{%20animation:%20pc-wink%205s%20ease-in-out%20infinite;%20}%20g%20>%20path:nth-of-type(3)%20{%20animation:%20pc-grin%205s%20ease-in-out%20infinite;%20}%20g%20>%20path:nth-of-type(1)%20{%20animation:%20pc-left%205s%20ease-in-out%20infinite;%20}%20g%20>%20path:nth-of-type(2)%20{%20animation:%20pc-right%205s%20ease-in-out%20infinite;%20}%20}%20/*%20L'œil%20se%20ferme%20un%20instant%20:%20c'est%20le%20clin%20d'œil%20du%20logo,%20joué%20pour%20de%20vrai.%20*/%20@keyframes%20pc-wink%20{%200%25,%2066%25,%20100%25%20{%20transform:%20scaleY(1);%20}%2072%25,%2076%25%20{%20transform:%20scaleY(0.12);%20}%2082%25%20{%20transform:%20scaleY(1);%20}%20}%20/*%20Le%20sourire%20s'étire%20au%20même%20moment.%20*/%20@keyframes%20pc-grin%20{%200%25,%2066%25,%20100%25%20{%20transform:%20scaleX(1);%20}%2076%25%20{%20transform:%20scaleX(1.18);%20}%20}%20/*%20Les%20chevrons%20respirent.%20L'amplitude%20est%20en%20unités%20du%20viewBox%20(512)%20:%2020%20ici%20font%20à%20peine%201,5%20px%20à%20l'écran%20sur%20un%20logo%20de%2040%20px%20—%20c'est%20voulu.%20*/%20@keyframes%20pc-left%20{%200%25,%20100%25%20{%20transform:%20translateX(0);%20}%2050%25%20{%20transform:%20translateX(-20px);%20}%20}%20@keyframes%20pc-right%20{%200%25,%20100%25%20{%20transform:%20translateX(0);%20}%2050%25%20{%20transform:%20translateX(20px);%20}%20}%20%3c/style%3e%3c/svg%3e)
PetitCodeurVotre enfant écrit du vrai code — HTML, CSS, JavaScript, puis un serveur et une base de données — et voit le résultat s'afficher aussitôt. Ensuite viennent les cadres qu'utilisent les vrais développeurs. Le tout porté par une histoire, sans rien à installer.
Gratuit, sans carte bancaire. Un compte, autant d'enfants que vous voulez.
Pas des blocs à empiler : les langages que les sites web utilisent réellement. Trois étapes, dans l'ordre — on ne commence pas par un cadre applicatif quand on ne sait pas encore ce qu'est une balise.
Le programme de Cosmo s'écrit en ce moment. Il sera ouvert quand votre enfant aura terminé l'étape précédente.
Le programme de Runes s'écrit en ce moment. Il sera ouvert quand votre enfant aura terminé l'étape précédente.
Chaque étape s'ouvre quand la précédente est terminée. Ce n'est pas une limite technique : personne n'écrit un composant sans savoir ce qu'est une balise, et sauter les fondations, c'est mettre l'enfant en échec avec un vocabulaire qu'il n'a jamais vu.
Les mondes ne racontent pas la même chose autrement : ce sont trois moments du parcours. Monstera pose les fondations du web, Cosmo passe à un vrai cadre applicatif et à un serveur, Runes à un autre. On les suit dans l'ordre.
Ouvert
Apprivoiser des compagnons et les entraîner avec du code.
Bientôt
Réparer des armures et défendre la cité grâce au code.
Bientôt
Écrire des sortilèges qui s'exécutent pour de vrai.
Cosmo et Runes arrivent bientôt. Ils s'ouvriront à votre enfant quand il aura terminé Monstera — c'est là que s'apprennent les bases dont ils se servent.
Chaque notion nouvelle est d'abord racontée, puis expliquée, et seulement ensuite pratiquée.
Pixel pose un problème dans le monde choisi, et appelle votre enfant par son prénom.
Une notion, une seule, avec un exemple. Rien à taper à cette étape.
L'éditeur s'ouvre. Le résultat s'affiche juste à côté, en direct.
Ce qu'il vient d'écrire change le décor. Points, coffre, parfois un compagnon.
Chaque leçon tient en quelques lignes de code. Une par jour suffit.
Le plus rassurant, dans une application pour enfants, c'est souvent ce qu'on en a retiré.
Pas de messagerie, pas de commentaires, pas de profil public. Votre enfant ne croise personne.
Rien ne lui est vendu pendant qu'il apprend, et aucun paiement n'est possible depuis son écran.
L'application ne renvoie vers aucun autre site. On ne sort pas de la vallée par accident.
Tout se passe dans le navigateur — même le serveur et la base de données des dernières leçons.
Trois choses : son prénom, le monde qu'il a choisi, et où il en est dans les leçons. Le compte est créé avec votre adresse e-mail, pas la sienne.
Nous ne demandons ni date de naissance, ni photo, ni école, ni adresse, ni numéro de téléphone.
Chaque enfant peut recommencer un monde quand il veut, et vous pouvez faire repartir tout son parcours depuis « Vos enfants ». Les points déjà gagnés restent, et une leçon déjà réussie n'en rapporte pas une seconde fois. Le compte entier se supprime depuis « Mon compte ».
Chaque enfant a son parcours, séparé de celui des autres. Vous seul y avez accès.
Depuis « Vos enfants », vous voyez pour chacun le niveau atteint, les leçons terminées et le temps actif passé, leçon par leçon. Ouvrez-le avec votre enfant : c'est le bon moment pour lui demander de vous expliquer ce qu'il a fabriqué.
Le meilleur signe que ça fonctionne, ce n'est pas le nombre de points. C'est qu'il vous montre son écran sans qu'on le lui demande.
Dès 8 ans, à condition de savoir lire. Les consignes sont courtes ; au début, lisez-les avec votre enfant, puis laissez-le prendre la main.
Un navigateur suffit. L'application fonctionne aussi sur tablette et sur téléphone, et peut être installée comme une application.
Chaque leçon donne un indice, et la solution reste consultable. Se tromper coûte un cœur, jamais la progression.
Une leçon suffit. La série de jours récompense la régularité, pas la durée passée devant l'écran.
Oui. Le parcours est enregistré pour chaque enfant, ce qui permet de le retrouver sur n'importe quel écran et de suivre ses progrès. Vous renseignez son prénom, rien d'autre.
Le compte est gratuit et prend une minute. Vous ajoutez le prénom de votre enfant, et il commence.
Créer un compte gratuit
Voir le programme détaillé
