Website, die meine 7-jährige Tochter mit HTML gebaut hat

 (naya.lol)
2 Punkte von GN⁺ 2024-07-19 | 1 Kommentare | Auf WhatsApp teilen
  • Die Startseite ist als einfacher HTML-Link-Hub aufgebaut, der unter der Überschrift Animals Links zu Tierseiten sammelt
  • Im Tierbereich kann man zu den Seiten cats, dogs und cheetahs wechseln
  • Es gibt auch einen separaten Bereich Technology, in dem Links zu den Seiten tablet und computer platziert sind
  • Jeder Link wird als ausgeschriebener Satz im Format „click here to go to the … page“ angeboten
  • Der überprüfbare Inhalt beschränkt sich auf die Linkstruktur der Startseite; Inhalte der Unterseiten sind nicht enthalten

Linkstruktur der Startseite

Bereich Technology

  • Es gibt eine separate Überschrift Technology
  • Es gibt zwei Links zu technologiebezogenen Seiten

Überprüfbarer Umfang

  • Der im Text überprüfbare Inhalt ist die Linkliste der Startseite
  • Die Linkziele werden als relative Pfade bereitgestellt; die tatsächlichen Inhalte der Unterseiten sind nicht enthalten

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-07-19
Meinungen auf Hacker News

  • Es ist schön zu sehen, wie ein Kind fröhlich mit dem Technik-Kram spielt, dem alte Hasen wie wir über Jahre und Jahrzehnte hinweg gegenüber abgestumpft sind. Ich hoffe, sie hat auch in Zukunft weiter so viel Spaß daran.
    Wie in dem Alan-J.-Perlis-Zitat auf der SICP-Tributseite: Ich finde, in der Informatik ist es wirklich wichtig, sich den Spaß am Computing zu bewahren. Unsere Verantwortung besteht weniger darin, Maschinen perfekt, fehlerfrei und erfolgreich einzusetzen, sondern darin, sie zu erweitern, in neue Richtungen zu treiben und den Spaß im Haus zu behalten.

    • Mir fehlt der Spaß an der Softwareentwicklung bei der Arbeit. Als ich vor etwa 20 Jahren angefangen habe, bin ich noch begeistert zu anderen gerannt, um ihnen zu zeigen, was ich gerade neu gelernt hatte. Heute wirken alle düster, beschäftigt und aufgerieben und sind damit beschäftigt, „Visibility Management“ zu betreiben, statt Freude zu zeigen.
      Wenn es nur daran läge, dass meine Freunde und ich älter werden, könnte ich das hinnehmen, aber die jungen Kolleginnen und Kollegen von heute wirken genauso, wenn nicht noch düsterer. Zum Beispiel musste jemand etwas aus einer Parquet-Datei holen und meinte, später ein Skript dafür zu schreiben. Ich startete duckdb und zeigte in weniger als einer Minute die Antwort, worauf nur ein monotoner Kommentar kam: „Kenne ich noch nicht. Sieht nützlich aus.“ Kein „Wow, cool“ oder „nett“, sondern eher so, als hätte ihn die Erkenntnis, dass es das gibt, noch schlechter gelaunt gemacht.
    • Mir fällt dazu ein Zitat aus dem Steve-Jobs-Film ein. Es geht darum, dass der Kondor das effizienteste Tier der Erde ist und der Mensch das ineffizienteste, aber ein Mensch auf dem Fahrrad zum effizientesten Tier wird.
      Ein richtiger Computer – also einer, der freundlich, einfach, nicht hässlich ist und schön auf dem Schreibtisch steht – könne ein Fahrrad für den Geist sein, und der Personal Computer könne zu einem Computer werden, der Menschen miteinander verbindet.
    • Als es den Vorschlag gab, Emoji in Variablennamen in Swift zu verbieten, habe ich geantwortet, dass es ziemlich anmaßend sei, festzulegen, dass man im Code keine Launen, Frustration oder Humor ausdrücken dürfe.
      Es gibt keinen Grund, warum ein 8-jähriges Kind, das Playgrounds auf dem iPad nutzt, eine Variable nicht einfach :pig: nennen dürfen sollte, nur weil es lustig ist. Man muss nicht aus allem die Freude herausstampfen.
    • Ich hoffe, wir können diesen Spaß am Leben halten. Knuths neuester Band ist großartig, weil er voller Rätsel steckt.
      Gleichzeitig sieht man in einem anderen Top-Thread auf HN Leute, die sich beklagen, dass sie den ganzen Tag am Schreibtisch sitzen und Probleme lösen, aber trotzdem nicht mehr verdienen als 99,9 % der Bevölkerung. Manchmal denke ich, solche Leute haben es nicht verdient, diese Arbeit zu machen.
    • Gutes Zitat. Früher hatte ich einen Desktop-Hintergrund mit einem Kraftwerk-Cover, auf dem „ITS MORE FUN TO COMPUTE“ stand, aber den habe ich inzwischen verloren.
      Solche Erinnerungen braucht man regelmäßig. Mein Kind lernt gerade die Kommandozeile, weil es ein Jahr lang Dinge nur bekommen konnte, wenn es dafür tippen musste. Selbst wenn es Computer später nicht mögen sollte, wird es das hoffentlich nicht bereuen, weil es zumindest die nützliche Fähigkeit des Tippens gelernt hat.

  • Wenn ich 7 gewesen wäre, hätte ich es wahrscheinlich genau so gebaut. Was auch immer die Vorteile von CSS und semantischem Markup sind: Solche Dinge stehen dem Spaß im Weg. Das kann man später lernen.

    • Das Problem an diesem Ansatz ist, dass ihm die Trennung von Bedeutung und Stil fehlt, die ordentliches modernes HTML und CSS haben.
      Man muss dieses Durcheinander nur mit der eleganten semantischen Struktur einer topmodernen Webseite wie google.com vergleichen.
    • Stimme voll zu. Ich bin kein Frontend-Entwickler, und in meinem Suchverlauf finden sich viele Varianten von „div zentrieren“. Auch mehrere Versionen, bei denen wütende Schimpfwörter an die Suchanfrage angehängt sind.
    • Ich freue mich wirklich, dass das immer noch funktioniert. So habe ich es auch gelernt.
    • Heute habe ich zum ersten Mal erfahren, dass es ein center-Tag gibt und dass man background als Inline-Attribut setzen kann.
    • Umgekehrt: Der Spaß beginnt bei CSS.

  • Großartig. Wirklich gut gemacht.
    In den letzten Jahren habe ich die in Nebraska, USA, ansässige Non-Profit-Organisation Girls Code Lincoln mit aufgebaut, um jungen Mädchen das Programmieren beizubringen, und das hier gefällt mir wirklich sehr. Es gibt altersgerechte Materialien, die man mit dem Kind teilen könnte.
    Eine YouTube-Serie, in der Schülerinnen Frauen aus STEM-Bereichen interviewen: https://www.youtube.com/playlist?list=PL-32uv45Ln4VJGhVr_jr6...
    Ein Podcast über Frauen in STEM in der Geschichte und heute: https://girlscodelincoln.buzzsprout.com/
    Bei Bedarf kann man mich jederzeit kontaktieren: aakriti@TheNonprofiting.Org / info@GirlsCodeLincoln.org
    TED-Talk darüber, wie man seine Tochter für STEM interessiert: https://www.youtube.com/watch?v=guoLTuW8AX4&t=10s

    • Zusätzlich hat Pixar einen ziemlich guten und soliden Coding-Kurs namens Pixar in a Box: https://www.khanacademy.org/computing/pixar
      Ich weiß nicht, ob das Material genau zu ihrem Alter passt, aber es wäre vermutlich gut, es für später aufzubewahren. Ich helfe gern dabei, passende Materialien zu finden, damit ihr Interesse erhalten bleibt.

  • Die Seite lädt schnell, der Code hat keine auffälligen Bugs, die Struktur ist konsistent und ergibt Sinn, und der Text ist knapp, vermittelt aber Informationen und die eigene Stimme der Autorin.
    Großzügig betrachtet ist das eine besser gemachte Website als 95 % des Internets. Ich mag den Schneid des Kindes. Tolle Arbeit.

  • „Katzen sind etwa 2 Fuß groß, also wären sie bei der sechsfachen Körpergröße etwa 12 Fuß groß. Das wäre eine sehr furchteinflößende Katze.“
    Stimmt. Es hat etwas Großartiges, welchen Wegen ein Geist folgt, bevor er vollständig in die von der Gesellschaft gewünschte Form geschliffen wurde. Gut gemacht.

    • „Die häufigste Hundefarbe ist wahrscheinlich Braun oder Schwarz.“
      Glaubwürdiger als gPT.
    • An der Stelle musste ich laut lachen. In meinem Kopf war nur: „Stimmt, das wäre wirklich furchteinflößend!“ Diese Seite ist die beste.
    • Sehr schön formuliert. Mit 7 ist man vermutlich so nah am wirklichen eigenen Selbst wie sonst nie im Leben.

  • „Computer sind eine sehr wichtige Form von Technologie. Ohne Computer gäbe es keine Websites, kein Roblox studio, nichts.“
    Ist es nicht einfach liebenswert, wie Kinder die Welt sehen? So niedlich.

    • Ich bezahle gerade mit so einer Maschine zu Hause all meine Rechnungen. Ohne sie gibt es wirklich nichts. Naya lügt nicht.
    • Bei diesem Satz hat es mich komplett zerlegt. Einfach großartig.

  • Es empfiehlt sich, HTML-Dateien zu sichern – als Aufzeichnung der Arbeiten, die das Kind in jungen Jahren erstellt hat. Später wird das ein Familienschatz sein.
    Man kann sie auch unter der Familiendomain ablegen und aufbewahren.

    • Ich wünschte, ich hätte ein Backup meiner Website, die ich um 1995 herum gebaut habe. Aber vielleicht ist die Erinnerung ja schöner als die banale Wahrheit.
    • Das sollte man unbedingt tun, bevor sie wie GeoCities behandelt wird. Ich bereue, dass ich die Dinge, die ich als Kind gemacht habe, nicht gesichert habe.
    • Noch besser: die Website ausdrucken, und den Code gleich mit.
    • „Stammbaum? Nein, unsere Familie hat ein git log voller Erfolge und Erinnerungen.“

  • Das ist wirklich großartig. Diese kleine Site versetzt mich zurück in eine Ära des Internets, die ich oft vermisse.
    In den 90ern, kurz nach meinem Abschluss an der Kunsthochschule, dachte ich, ich bräuchte eine Portfolio-Website. Also ging ich zu Borders Books und kaufte ein 4–5 Zoll dickes Buch darüber, wie man mit HTML und den eingebauten Tools von Netscape Navigator Sites erstellt. Über etwa eine Woche hinweg baute ich eine Site, die funktional der Site aus dem Originalbeitrag sehr ähnlich war; der Unterschied lag im Inhalt.
    Auf der Homepage platzierte ich eine meiner Zeichnungen: eine Buntstiftzeichnung eines riesigen Mannes im Jockstrap, der mit verschmitztem Lächeln dreinschaute. Um hineinzukommen, musste man auf seinen Bauch klicken, und dabei lernte ich zum ersten Mal Image Maps kennen. Nach dem Klick sagte er „Oh, das kitzelt“, und dann kam man zum Portfolio und zur Navigation.
    Das Ganze war HTML 4 und sehr grundlegend – kein JavaScript, keine Cookies, keine Formulare. Aber dank dieser Site bekam ich meinen ersten richtigen Designjob bei Micrografx, einem Konkurrenten von Adobe. Der Rest ist Geschichte. Danke, Netscape.

  • „Computer sind eine sehr wichtige Form von Technologie. Ohne Computer gäbe es keine Websites, kein Roblox Studio, nichts. Ohne Computer müsste man Tablets benutzen. Tablets sind nicht besonders nützlich. Na ja, wenn man Dinge tun will, die Computer können.“
    Amen.

    • „Tablets sind eine sehr nützliche Form von Technologie.“
      Sehr verwirrend. Was ist überhaupt noch real?

  • Eine sehr gute Website. Schnell, einfache User Experience, kein JavaScript, Fokus auf den Inhalt.

    • Sie ist in Sachen Performance und Barrierefreiheit locker besser als der Großteil des „professionell entwickelten“ Webs, an dem ganze Teams arbeiten.
      Naya sollte VP of Engineering bei Reddit werden. Mit diesem Ansatz würde die Site tatsächlich besser werden.
    • Viel speichereffizienter als alles, was unser Frontend-Team verwendet. Das Docker-Image zum Bauen der React-App war 6 GB groß. Es hieß: „Nicht unsere Schuld, das liegt an NPM.“
      Der Inhalt ist auch hilfreich.