Le site web qu’a créé ma fille de 7 ans en HTML

 (naya.lol)
2 points par GN⁺ 2024-07-19 | 1 commentaires | Partager sur WhatsApp
  • La première page se compose d’un simple hub de liens HTML regroupant des liens vers des pages d’animaux sous le titre Animals
  • Dans la section animaux, on peut accéder aux pages cats, dogs et cheetahs
  • Il existe aussi une section distincte Technology, où sont placés ensemble des liens vers les pages tablet et computer
  • Chaque lien est présenté sous la forme d’une phrase du type « click here to go to the … page »
  • Le contenu vérifiable se limite à la structure des liens de la première page, sans inclure le contenu des sous-pages

Structure des liens de la première page

Section Technology

  • Il y a un titre distinct Technology
  • Il y a deux liens vers des pages liées à la technologie

Périmètre vérifiable

  • Le contenu visible dans le corps de page est la liste des liens de la première page
  • Les cibles des liens sont fournies sous forme de chemins relatifs, et le contenu réel des sous-pages n’est pas inclus

À lire aussi

1 commentaires

 
GN⁺ 2024-07-19
Réactions sur Hacker News

  • C’est agréable de voir une enfant s’amuser avec ces bricoles techniques qui, pour des anciens comme nous, ont fini par devenir banales après des années, voire des décennies. J’espère qu’elle continuera à y prendre plaisir
    Comme dans la citation d’Alan J. Perlis sur la page d’hommage au SICP, je pense qu’il est vraiment important de préserver le plaisir de l’informatique. Notre responsabilité n’est pas tant de faire en sorte que les machines soient utilisées de façon parfaite, sans erreur et avec succès, mais plutôt d’étendre les machines, de les pousser dans de nouvelles directions, et de laisser le plaisir entrer dans la maison

    • Le plaisir du développement logiciel au travail me manque. Quand j’ai commencé il y a une vingtaine d’années, j’étais tellement enthousiaste de ce que je venais d’apprendre que j’allais tout de suite le montrer aux autres ; aujourd’hui, tout le monde a l’air sombre, débordé, pressé jusqu’à l’os, et obsédé par la “gestion de la visibilité”, au point de ne plus montrer le moindre plaisir
      Si c’était juste parce que mes amis et moi avons vieilli, je l’accepterais, mais mes jeunes collègues d’aujourd’hui ont l’air pareils, voire encore plus moroses. Par exemple, on devait extraire quelque chose d’un fichier Parquet, et un collègue disait qu’il écrirait un script plus tard ; j’ai lancé duckdb et donné la réponse en moins d’une minute, et sa seule réaction a été un monotone « Je ne connaissais pas. Ça a l’air utile. » Pas de « wow », pas de « trop bien » — on aurait dit que le fait d’en avoir découvert l’existence l’agaçait encore plus
    • Ça me rappelle une citation du film sur Steve Jobs. Sur Terre, l’animal le plus efficace est le condor, et le plus inefficace est l’être humain ; mais un humain à vélo devient l’animal le plus efficace
      L’idée était qu’un vrai ordinateur — accueillant, simple, pas laid, beau sur un bureau — peut être un vélo pour l’esprit, et qu’un ordinateur personnel peut devenir un ordinateur qui relie les gens entre eux
    • Quand une proposition a été faite pour empêcher l’usage d’emoji dans les noms de variables en Swift, j’ai répondu qu’il était trop prétentieux de décréter qu’on ne pouvait pas exprimer dans le code des émotions comme le caprice, la frustration ou l’humour
      Il n’y a aucune raison d’empêcher un enfant de 8 ans utilisant Playgrounds sur iPad d’appeler une variable :pig: juste parce qu’il trouve ça drôle. Il n’est pas nécessaire d’écraser la joie partout
    • J’espère qu’on pourra garder ce plaisir vivant. Le dernier volume de Knuth est formidable, rempli d’énigmes
      Mais dans un autre fil très visible sur HN, on voit des gens se plaindre qu’ils passent leurs journées assis à un bureau à résoudre des problèmes tout en gagnant moins que les 0,1 % les plus riches de la population. Parfois, je me dis que certaines de ces personnes ne méritent peut-être pas de faire ce métier
    • Excellente citation. Avant, j’utilisais un fond d’écran avec « ITS MORE FUN TO COMPUTE » écrit dessus, tiré d’une pochette de Kraftwerk, mais je l’ai perdu
      On a besoin de ce genre de rappel régulièrement. Mon enfant est en train d’apprendre la ligne de commande, parce que pendant un an il a fallu taper pour obtenir quoi que ce soit. Même s’il finit par ne pas aimer les ordinateurs plus tard, au moins il aura acquis une compétence utile : la frappe au clavier

  • Si j’avais eu 7 ans, j’aurais probablement fait exactement comme ça. Quels que soient les avantages du CSS et du balisage sémantique, ce sont des choses qui gênent le plaisir. On peut les apprendre plus tard

    • Le problème avec cette approche, c’est qu’il n’y a pas la séparation du sens et du style qu’apportent un HTML et un CSS modernes bien faits
      Il suffit de comparer ce capharnaüm à l’élégante structure sémantique d’une page web de pointe comme google.com
    • Tout à fait d’accord. Je ne suis pas développeur frontend, mais mon historique de recherche contient plusieurs variantes de « comment centrer un div ». Il y en a aussi plusieurs avec des insultes rageuses ajoutées à la requête
    • Ça me fait vraiment plaisir que ça fonctionne encore. C’est comme ça que j’ai appris aussi
    • J’apprends aujourd’hui qu’il existe une balise center et qu’on peut donner un background en attribut inline
    • À l’inverse, le plaisir commence avec le CSS

  • C’est génial. C’est vraiment très bien fait
    Ces dernières années, j’ai créé l’association à but non lucratif Girls Code Lincoln, basée dans le Nebraska, pour apprendre à coder aux jeunes filles, et j’adore ça. Il y a des ressources adaptées à son âge que vous pourriez partager avec elle
    Série YouTube où des élèves interviewent des femmes dans les STEM : https://www.youtube.com/playlist?list=PL-32uv45Ln4VJGhVr_jr6...
    Podcast sur les femmes dans les STEM, d’hier et d’aujourd’hui : https://girlscodelincoln.buzzsprout.com/
    N’hésitez pas à me contacter si besoin : aakriti@TheNonprofiting.Org / info@GirlsCodeLincoln.org
    Conférence TED sur la façon d’intéresser sa fille aux STEM : https://www.youtube.com/watch?v=guoLTuW8AX4&t=10s

    • En complément, Pixar propose un cours de code plutôt bon et solide appelé Pixar in a Box : https://www.khanacademy.org/computing/pixar
      Je ne sais pas si c’est parfaitement adapté à son âge, mais ça vaut peut-être le coup de le garder pour plus tard. Je serais ravi d’aider à trouver les ressources nécessaires pour entretenir son intérêt

  • La page se charge vite, il n’y a pas de bug évident dans le code, l’organisation est cohérente et logique, l’écriture est concise tout en transmettant des informations et la voix propre de son autrice
    Même en étant généreux, c’est mieux fait que 95 % d’Internet. J’aime beaucoup son aplomb. Excellent travail

  • « Les chats mesurent environ 2 pieds, donc six fois leur taille ferait environ 12 pieds. Ce serait un chat très effrayant »
    Exactement. Il y a quelque chose de merveilleux dans les chemins qu’explore un esprit avant d’être entièrement poli selon ce que la société attend. Bravo

    • « La couleur de chien la plus courante est probablement le marron ou le noir »
      J’ai plus confiance qu’en gPT
    • Cette phrase m’a fait éclater de rire. Dans ma tête, il n’y avait que : « Oui, ce serait vraiment terrifiant ! » Ce site est formidable
    • Très belle formule. 7 ans est probablement l’âge où l’on est le plus vraiment soi-même de toute sa vie

  • « L’ordinateur est une forme de technologie très importante. Sans ordinateur, il n’y a ni site web, ni Roblox studio, ni rien du tout »
    La façon dont les enfants voient le monde n’est-elle pas adorable ? C’est trop mignon

    • C’est effectivement avec une telle machine que je paie toutes mes factures depuis chez moi. Sans elle, il n’y a réellement rien du tout. Naya ne ment pas
    • Cette phrase m’a complètement achevé. J’adore

  • Il est recommandé de sauvegarder les fichiers HTML créés par l’enfant quand il était petit. Plus tard, cela deviendra un trésor familial
    Les conserver sous un domaine familial peut aussi être une bonne idée

    • J’aimerais bien avoir une sauvegarde du site web que j’avais créé vers 1995. Mais peut-être que le souvenir est plus beau que la vérité ordinaire
    • Mieux vaut le faire avant que ça ne subisse le sort de GeoCities. Je regrette de ne pas avoir sauvegardé ce que j’avais créé quand j’étais jeune
    • Mieux encore, on peut imprimer le site web, et imprimer aussi le code
    • « Un arbre généalogique ? Non, dans notre famille, on a un journal git des accomplissements et des souvenirs »

  • C’est vraiment génial. Ce petit site me ramène à une époque d’Internet qui me manque parfois
    Au début des années 90, je venais tout juste de sortir des beaux-arts et je pensais avoir besoin d’un site portfolio, alors je suis allé chez Borders Books acheter un livre épais de 10 à 12 cm expliquant comment créer un site avec HTML et les outils intégrés à Netscape Navigator. En une semaine environ, j’ai créé un site très proche de l’original sur le plan fonctionnel, la différence étant le contenu
    Sur la page d’accueil, j’avais mis un de mes dessins : un dessin au crayon de couleur représentant un homme gigantesque en jockstrap, avec un sourire sournois. Pour entrer, il fallait cliquer sur son ventre, et c’est comme ça que j’ai découvert pour la première fois les image maps. En cliquant, il disait « Oh, ça chatouille », puis on accédait au portfolio et à la navigation
    Tout était en HTML 4, très basique, sans JavaScript, sans cookies ni formulaires. Mais ce site m’a permis d’obtenir mon premier vrai poste dans le design chez Micrografx, un concurrent d’Adobe. Le reste appartient à l’histoire. Merci, Netscape

  • « Les ordinateurs sont une forme de technologie très importante. Sans ordinateurs, il n’y aurait ni sites web, ni Roblox studio, ni rien du tout. Sans ordinateurs, il faudrait utiliser des tablettes. Les tablettes ne sont pas très utiles. Enfin, si on veut faire ce que les ordinateurs peuvent faire »
    Amen

    • « Les tablettes sont une forme de technologie très utile »
      Je suis trop perdu. Qu’est-ce qui est réel, au juste ?

  • C’est un très bon site web. Il est rapide, offre une expérience utilisateur simple, n’a pas de JavaScript, et reste centré sur le contenu

    • Il surpasse facilement en performances et accessibilité la plupart des sites web « développés professionnellement » par des équipes entières
      Naya devrait devenir vice-présidente de l’ingénierie chez Reddit. Avec cette approche, le site s’améliorerait vraiment
    • C’est bien plus économe en taille que tout ce qu’utilise notre équipe de développement frontend. L’image Docker qui buildait l’app React faisait 6 Go. On nous disait : « Ce n’est pas notre faute, c’est celle de NPM »
      Et en plus, le contenu est utile