El sitio web que hizo su hija de 7 años con HTML

 (naya.lol)
2 puntos por GN⁺ 2024-07-19 | 1 comentarios | Compartir por WhatsApp
  • La pantalla principal consiste en un sencillo hub de enlaces HTML que reúne links a páginas de animales bajo el título Animals
  • En la sección de animales se puede ir a las páginas de cats, dogs y cheetahs
  • También hay una sección aparte de Technology, donde aparecen juntos los links a las páginas de tablet y computer
  • Cada link se presenta como un enlace en formato de oración, con la forma “click here to go to the … page”
  • El contenido verificable se limita a la estructura de enlaces de la pantalla principal, y no incluye el contenido de las subpáginas

Estructura de enlaces de la pantalla principal

Sección Technology

Alcance verificable

  • Lo que se puede verificar en el contenido es la lista de links de la pantalla principal
  • Los destinos de los links se ofrecen como rutas relativas, y no se incluye el contenido real de las subpáginas

Lecturas relacionadas

1 comentarios

 
GN⁺ 2024-07-19
Opiniones de Hacker News

  • Da gusto ver a una niña jugar feliz con la chatarra tecnológica ante la que veteranos como nosotros nos hemos vuelto indiferentes durante años, incluso décadas. Espero que siga divirtiéndose así
    Como en la cita de Alan J. Perlis en la página de homenaje a SICP, creo que en ciencias de la computación es muy importante conservar la diversión de computar. Más que tener la responsabilidad de usar las máquinas de forma perfecta, sin errores y exitosa, tenemos la responsabilidad de extenderlas, empujarlas en nuevas direcciones y mantener la diversión dentro de casa

    • Extraño la diversión de desarrollar software en el trabajo. Cuando empecé, hace unos 20 años, me emocionaba tanto lo nuevo que aprendía que corría a contárselo a otros; ahora todos están sombríos, ocupados, exprimidos, y concentrados en “gestionar la visibilidad”, sin mostrar disfrute
      Si fuera solo porque mis amigos y yo estamos envejeciendo, lo aceptaría, pero mis colegas jóvenes de ahora se ven igual, o incluso más sombríos. Por ejemplo, necesitábamos sacar algo de un archivo Parquet y un colega dijo que luego escribiría un script; levanté duckdb y le mostré la respuesta en menos de un minuto, y su única reacción monótona fue: “Nunca lo había visto. Parece útil”. Ni un “wow, qué bueno” ni un “está genial”; parecía que enterarse de que existía más bien le había caído mal
    • Me recuerda una cita de la película de Steve Jobs. Dice que el animal más eficiente de la Tierra es el cóndor y el más ineficiente es el ser humano, pero que un ser humano en bicicleta se convierte en el animal más eficiente
      La idea era que una computadora bien hecha —amigable, sencilla, no fea y que se vea hermosa sobre un escritorio— podía ser una bicicleta para la mente, y que la computadora personal podía convertirse en una computadora que conectara a las personas
    • Cuando surgió una propuesta para prohibir el uso de Emoji en nombres de variables en Swift, respondí que era demasiado arrogante decidir que en el código no se pudieran expresar emociones como capricho, frustración o humor
      No hace falta impedir que un niño de 8 años que usa Playgrounds en el iPad nombre una variable :pig: solo porque le parece gracioso. No hace falta aplastar la diversión en todo
    • Ojalá podamos mantener viva esa diversión. El volumen más reciente de Knuth es excelente porque está lleno de rompecabezas
      Pero en otro hilo destacado de HN veo gente que se queja de que, aunque se pasa todo el día sentada en un escritorio resolviendo problemas, no gana más que el 99.9% de la población. A veces pienso que quizá esas personas no merecen dedicarse a esto
    • Buena cita. Antes usaba un fondo de escritorio con una portada de Kraftwerk que decía “ITS MORE FUN TO COMPUTE”, pero ya lo perdí
      Necesitamos recordatorios así con regularidad. Mi hijo está aprendiendo la línea de comandos porque durante un año tuvo que escribir para conseguir algo. Aunque más adelante no le gusten las computadoras, al menos habrá aprendido una habilidad útil como teclear, así que no creo que me arrepienta

  • Si yo hubiera tenido 7 años, probablemente habría hecho exactamente esto. Sean cuales sean las ventajas de CSS y del marcado semántico, esas cosas estorban la diversión. Se pueden aprender después

    • El problema de este enfoque es que no tiene la separación entre significado y estilo que ofrecen el HTML y CSS modernos bien hechos
      Basta compararlo con la elegante estructura semántica de una página web de vanguardia como google.com
    • Totalmente de acuerdo. No soy desarrollador frontend, y mi historial de búsqueda tiene muchas variantes de “cómo centrar un div”. También hay varias versiones con insultos enojados agregados a la búsqueda
    • Me alegra mucho que esto todavía funcione. Yo también aprendí así
    • Hoy me enteré de que existe la etiqueta center y de que se puede poner background como atributo inline
    • Al contrario, la diversión empieza en CSS

  • Me encanta. Está muy bien hecho
    Durante los últimos años creé Girls Code Lincoln, una organización sin fines de lucro con sede en Nebraska, EE. UU., para enseñarles programación a niñas, y esto me encanta. Tenemos materiales adecuados para su edad que quizá valga la pena compartir con ella
    Serie de YouTube donde las alumnas entrevistaron a mujeres en STEM: https://www.youtube.com/playlist?list=PL-32uv45Ln4VJGhVr_jr6...
    Podcast sobre mujeres en STEM de la historia y mujeres actuales en STEM: https://girlscodelincoln.buzzsprout.com/
    Pueden contactarme cuando quieran si lo necesitan: aakriti@TheNonprofiting.Org / info@GirlsCodeLincoln.org
    Charla TED sobre cómo hacer que tu hija se interese por STEM: https://www.youtube.com/watch?v=guoLTuW8AX4&t=10s

    • Además, Pixar tiene un curso de programación bastante bueno y sólido llamado Pixar in a Box: https://www.khanacademy.org/computing/pixar
      No sé si sea exactamente material adecuado para su edad, pero podría valer la pena guardarlo para más adelante. Con gusto puedo ayudar a encontrar los recursos necesarios para que siga manteniendo el interés

  • La página carga rápido, no hay errores evidentes en el código, la estructura es consistente y tiene sentido, y el texto es conciso pero transmite información y la voz única de su autora
    Siendo generoso, es un sitio web mejor que el 95% de internet. Me gusta el empuje de la niña. Gran trabajo

  • “Los gatos miden alrededor de 2 pies, así que si fueran seis veces más altos medirían unos 12 pies. Sería un gato muy aterrador”
    Exacto. Hay algo maravilloso en los caminos que explora una mente antes de que la sociedad la pula por completo a su manera. Bien hecho

    • “El color más común de los perros probablemente sea café o negro”
      Me da más confianza que gPT
    • Me reí mucho con esa parte. Lo único que se me vino a la cabeza fue: “sí, ¡de verdad sería aterrador!”. Este sitio es lo máximo
    • Muy buena expresión. Probablemente los 7 años sean la etapa de la vida en la que una persona está más cerca de ser su verdadero yo

  • “Las computadoras son una forma de tecnología muy importante. Sin computadoras no habría sitios web, ni Roblox studio, ni nada”
    ¿No es adorable la forma en que los niños ven el mundo? Demasiado tierno

    • Ahora mismo pago todas mis cuentas desde casa con una máquina de esas. De verdad, sin eso no hay nada. Naya no está mintiendo
    • Con esa frase me reí muchísimo. Me encanta

  • Se recomienda hacer una copia de seguridad de los archivos HTML como registro del trabajo que hizo la niña cuando era pequeña. Más adelante será un tesoro familiar.
    También estaría bueno guardarlos bajo un dominio familiar.

    • Ojalá tuviera una copia de seguridad de mi sitio web de alrededor de 1995. Aunque quizá el recuerdo sea más lindo que la verdad común y corriente.
    • Conviene hacerlo antes de que reciba el trato de GeoCities. Me arrepiento de no haber respaldado las cosas que hice de chico.
    • Mejor aún: imprimir el sitio web y también imprimir el código.
    • “¿Árbol genealógico? No, nuestra familia tiene un log de git de logros y recuerdos”.

  • Esto es realmente genial. Este pequeño sitio me transporta a una época de internet que a menudo extraño.
    En los 90, recién egresado de la escuela de arte, pensé que necesitaba un sitio web de portafolio, así que fui a Borders Books y compré un libro de 4 o 5 pulgadas de grosor sobre cómo crear sitios con HTML y las herramientas integradas de Netscape Navigator. A lo largo de más o menos una semana hice un sitio muy parecido funcionalmente al del post original; la diferencia era el contenido.
    En la página principal puse un dibujo mío: un hombre enorme con suspensorio, mirando con una sonrisa astuta, hecho con lápices de colores. Para entrar había que hacer clic en su panza, y ahí aprendí por primera vez sobre los mapas de imagen. Al hacer clic, decía “oh, me haces cosquillas” y luego entrabas al portafolio y la navegación.
    Todo era HTML 4, muy básico, sin JavaScript, sin cookies ni formularios. Pero gracias a ese sitio conseguí mi primer trabajo real en diseño en Micrografx, competidora de Adobe. Lo demás es historia. Gracias, Netscape.

  • “Las computadoras son una forma de tecnología muy importante. Sin computadoras no hay sitios web, ni Roblox Studio, ni nada. Sin computadoras tendríamos que usar tabletas. Las tabletas no son muy útiles. Bueno, para hacer lo que puede hacer una computadora”.
    Amén.

    • “Las tabletas son una forma de tecnología muy útil”.
      Demasiado confuso. Qué es real, entonces.

  • Es un sitio web muy bueno. Rápido, con una experiencia de usuario simple, sin JavaScript, centrado en el contenido.

    • Supera fácilmente en rendimiento y accesibilidad a la mayor parte de la web “desarrollada profesionalmente” por equipos enteros.
      Naya debería ser vicepresidenta de ingeniería de Reddit. Con este enfoque, el sitio realmente mejoraría.
    • Es mucho más eficiente en tamaño que cualquier cosa que use nuestro equipo de frontend. La imagen de Docker para compilar una app de React pesaba 6 GB. Decían: “no es culpa nuestra, es culpa de NPM”.
      El contenido también es útil.