HN presenta: HTML para personas

• HTML for People es un webbook para principiantes que ayuda a personas fuera de la industria tecnológica a crear sitios web directamente con HTML
• Considera HTML como el formato de documentos de la web, accesible para cualquiera, y lo toma como punto de partida para crear sitios web
• Está estructurado para que incluso quienes no tienen experiencia en creación de sitios web ni en programación puedan seguir el proceso de crear un sitio web desde cero
• Blake Watson crea sitios web desde principios de la década de 2000 y escribió el libro con la idea de que cualquiera debería poder aprender HTML
• Se enfoca en cubrir lo necesario de una forma accesible y amigable, reduciendo la barrera de entrada para principiantes

---

HTML al alcance de cualquiera

• HTML no es una herramienta exclusiva de quienes trabajan en tecnología, sino un formato abierto para cualquiera que quiera crear su propio sitio web
• Al entender HTML como un tipo de documento que conforma la web, se puede empezar a crear sitios web sin herramientas complejas

Un webbook para principiantes

• HTML for People es un webbook amigable para principiantes, pensado para personas sin experiencia en creación de sitios web ni en programación
• Blake Watson crea sitios web desde principios de la década de 2000 y, aunque trabaja en el ámbito profesional, considera que cualquiera debería poder crear sitios web con HTML
• El libro guía sobre lo necesario para empezar de una forma accesible y amigable

[GN⁺]

Opiniones de Hacker News

• Me parece buena la decisión de apoyarse en https://simplecss.org/ sin meterse directamente con CSS. CSS es un ámbito completamente distinto, así que ponerlo encima de HTML básico puede resultar bastante pesado.
  Dicho eso, “Paso 1. Crear una carpeta en tu computadora” en https://htmlforpeople.com/zero-to-internet-your-first-websit... me preocupa un poco. Hoy en día parece haber bastante gente que no entiende en absoluto qué son archivos y carpetas: https://www.theverge.com/22684730/students-file-folder-direc...
  Aun así, dedicar un capítulo entero del libro a explicar archivos y carpetas se sentiría redundante; sería mejor tener algún buen material introductorio para enlazar.

  • Sorprende lo grave que se ha vuelto la epidemia móvil. Incluso entre estudiantes que entran a carreras de ciencias de la computación hay quienes no saben descomprimir un zip o no pueden encontrar dónde está un archivo descargado.
    Como referencia, los estudiantes así que conozco abandonaron antes de segundo año.
  • ¿Que no saben qué son archivos y carpetas? Por acá estoy agitando el puño e insistiendo en que eso no es una “carpeta”, sino un directorio ;)
  • Siempre me ha decepcionado un poco la forma en que la mayoría de los navegadores web renderizan páginas HTML sin información explícita de estilo.
    No digo que los valores predeterminados del navegador deban tener una personalidad tan marcada como simple.css, pero los márgenes, el padding, los estilos de texto, los títulos, etc. por defecto no son particularmente atractivos.
    Los desarrolladores web con gustos bien definidos sobrescribirán los valores predeterminados sean cuales sean, pero me pregunto si habría más sitios personales y blogs en HTML puro si la convención fueran valores predeterminados más agradables a la vista.
  • El principio del fin fue cuando, al abrir una app o una app web, empezó a mostrarse una lista de documentos recientes en lugar de abrir un documento nuevo.
    Si necesitabas un archivo, bastaba con abrir la app para ese archivo y desplazarte hacia abajo, así que no hacía falta entender el modelo de que los archivos existen de forma independiente de las apps y que pueden crearse o verse dentro de ellas.
    Creo que el hecho de que iOS no tuviera un administrador de archivos consolidó esa tendencia.
  • No creo que esto sea un problema generacional. Se parece más a una pereza pura que se propagó como epidemia.
    Lo muestra muy bien ese modelo mental de “tirar todo junto en el canasto de la ropa y sacarlo cuando haga falta”, o decir “intento organizarme, pero cuando hay demasiados archivos se vuelve un caos”.
    Como mucha gente en HN, estoy muy familiarizado con las computadoras, e incluso intenté evitar el modelo de archivos/carpetas, pero al final no encontré cómo. Por muy “avanzadas” que parezcan, las otras formas se desmoronan.
    Quizá los LLM cambien eso, pero hasta ahora no hay una forma de que la computadora prediga qué quiero y qué no quiero para organizarlo por mí.

• Creo que el enfoque básico de este proyecto es muy valioso para el mundo.
  Este tipo de educación en estándares abiertos puede ser una herramienta poderosa para alejarnos de empresas enormes y opacas, y volver al sistema basado en estándares abiertos con el que empezó internet.
  Espero que siga actualizándose y que más gente lo vea y contribuya. Si piensas igual, al menos sería bueno darle una estrella en GitHub: https://github.com/blakewatson/htmlforpeople
  Para que conste, hasta ahora no tengo ninguna relación con este proyecto y no gano nada diciendo esto.

  • Mozilla tiene documentación excelente desde hace años.
    También tiene una sección básica de tutoriales de HTML: https://developer.mozilla.org/en-US/docs/Learn/HTML
    No es que alguien estuviera impidiendo que la gente aprendiera HTML.
  • Ojalá de verdad pasara eso. Me pregunto qué ocurriría si la gente común sintiera que aprender HTML también es una alternativa práctica y útil para lograr sus objetivos, en lugar de pasar decenas de horas aprendiendo a usar WordPress o MS Word.
  • Soy el OP. Gracias por las palabras amables. Me gustaría que este material llegara a manos de personas no especializadas.

• Está bien hecho. Me gusta mucho cómo primero muestra que puedes escribir texto plano, publicarlo y que funcione de inmediato, y luego pasa de forma natural a HTML.
  El texto es claro, acogedor y está bien estructurado, así que parece fácil y agradable de leer. Creo que poner HTML en manos de personas no especializadas es un buen objetivo.
  Como comentarios, me parece que el tema de la codificación de caracteres aparece bastante tarde. Alguien que sabe inglés pero quiere escribir un sitio web en su propio idioma, o alguien cuyo nombre tiene acentos, podría llevarse una sorpresa. En vez de presentarlo solo como algo para caracteres especiales como emojis, sería mejor decir que es esencial para la mayoría de los idiomas que no sean ASCII puro.
  Las etiquetas body, head y html suelen ser opcionales, pero html es útil por el atributo lang, tanto para accesibilidad como para evitar sugerencias de traducción erróneas en algunos navegadores.
  VS Code me resulta un poco decepcionante por la telemetría, y parece pesado y complejo para la tarea. En Windows, Notepad++ es una buena opción, y en Linux basta con el editor de texto que viene instalado por defecto. También está Codium, sin las partes malas. El público objetivo no conoce esas partes malas, así que terminaría instalando spyware sin darse cuenta.
  No conocía la función aria-current="page", pero creo que empezaré a usarla.

  • Para poner esa etiqueta, ¿no habría que configurar primero el editor de texto para guardar en UTF-8? Por ejemplo, ¿Notepad no usa UTF-16 por defecto, como otras cosas de Windows?
  • La gran complejidad aquí es que la gente no sabe qué es la codificación de caracteres. Por eso es difícil esperar que guarden index.html en UTF-8 desde el principio.
    Por ejemplo, Windows Notepad probablemente use la página de códigos activa por defecto. Si también se puede tratar el problema de guardado, estoy de acuerdo en que este tema debería aparecer de forma más visible.

• La idea es muy buena y da gusto que haya más sitios así, pero creo que presupone un nivel de alfabetización informática difícil de esperar de usuarios no técnicos comunes.
  El paso 1 empieza con “elige una ubicación en tu computadora y crea una carpeta. Ponle un nombre como my-site”, y ahí ya podrías perder a la mayoría de la gente.
  Hay una cantidad sorprendente de personas que usan una computadora todos los días y aun así no saben cómo hacer eso.

  • Me resulta raro que en este hilo se insista tanto en este punto.
    Me cuesta creer que alguien que usa una computadora todos los días no sepa crear una carpeta. Incluso mi mamá, que casi no usa la computadora, sabe qué son las carpetas y los archivos.
    ¿No es que alguien que no sabe qué son los archivos y las carpetas difícilmente sea beneficiario inmediato de esta guía? Antes de eso tendría que aprender cosas mucho más básicas.
  • Es probable que muchos usuarios de HN también hayan visto la página desde dispositivos móviles, así que no estaban en una situación en la que pudieran seguir las instrucciones de inmediato.
  • Si eso es cierto, es muy triste. ¿De verdad la gente se redujo a esto? Yo podía seguir esas instrucciones incluso de niño, y de hecho hice mi propio sitio web a los 10 años.
    ¿De verdad la situación es tan grave, o estamos desconfiando demasiado de la gente de entrada? ¿Esto pasó porque ahora todo se hace con apps en la nube?
  • Soy el OP. A mí también me preocupaba un poco esta parte, y la mencioné en cierta medida en la introducción, pero creo que tengo que tratarla más.
    Estoy pensando si escribir y alojar yo mismo un material introductorio sobre cómo crear archivos y carpetas, o enlazar a algún material básico de ese tipo.

• Varias veces intenté convencer a personas no técnicas de que pueden crear su propio sitio web con muchísima facilidad, pero por lo general lo toman como broma o creen que requiere un esfuerzo enorme.
  La próxima vez pienso mostrarles este sitio y pedirles que le dediquen solo 30 minutos para ver qué pueden crear en ese tiempo. Sé que mucha gente se engancharía con solo probar esa primera sensación de “¡wow, publiqué algo en la web de verdad!”.
  @blakewatson: ¿tienes planes de agregar internacionalización al sitio y aceptar pull requests de traducción?

  • ¡Sí! Me encantaría. Tengo que actualizar el README, pero estoy pensando en una estrategia donde los capítulos traducidos estén en subcarpetas como /es.
    Se puede configurar Eleventy para que genere menús de navegación distintos según la subruta.
  • En la escuela de verdad deberían enseñar este tipo de cosas. En la secundaria y la universidad hice varios sitios web personales, y era solo HTML y un poco de CSS.
    Creo que ese debería ser el primer paso para todos. Es una gran forma de escribir algo y ver el resultado de forma rápida y fácil. Ni siquiera hace falta un servidor.

• ¿Por qué “Start coding already!”? ¿No sería mejor algo como “Start writing already?”
  La mitad de la barrera que hace que la gente vea difícil crear un sitio es que cree que tiene que saber programar, y eso se siente intimidante. En cambio, sí sabe qué quiere escribir, así que resulta mucho más accesible.

  • Lo cambié a “Get started already” :)
  • Soy el OP. Ah, buena sugerencia. Es difícil quitarse el yo de desarrollador web y verlo con ojos nuevos. Intenté hacerlo conscientemente, pero aun así pasa.

• Me gusta que empiece con un archivo HTML pequeño y no te mande de inmediato a instalar NodeJS, VS Code y toda clase de trastos de desarrollo web.

  • Es una lección que muchos profesionales necesitan volver a aprender. Para mostrar texto e imágenes básicos no hacen falta realmente cientos de MB de JavaScript.
    La accesibilidad y la degradación elegante se ignoran con demasiada frecuencia.

• Me gusta el orden del tutorial, que primero te hace desplegar algo simple.
  Creas un index.html en texto plano con Notepad/TextEdit, lo despliegas en algún lugar como Neocities y luego agregas contenido con un título e imágenes.
  Solo después agregas head, body, etc., para convertirlo en HTML correcto, y pasas de Notepad/TextEdit a Visual Studio Code.

  • Seguramente ya lo sabes, pero en HTML5 html, head y body son opcionales, así que incluso sin ellos es un documento válido.

• Es un intento excelente y la ejecución también está muy bien. Pienso guardarlo en favoritos para compartirlo con otras personas.
  Hace poco decidí agregar contenido a mi sitio web solo con HTML escrito a mano, y también ir migrando lentamente publicaciones antiguas. Me gusta que HTML sea directo, que facilite cambios puntuales por página y que sea robusto.
  Después de haber usado casi todos los sistemas para publicar en la web, concluí que, aunque al principio implique un poco más de trabajo, HTML es la herramienta adecuada para esa tarea.
  Como desarrollador retirado, cuando tengo ganas toco cosas como Rust, SQL o sistemas embebidos, pero cuando quiero escribir, simplemente quiero escribir. HTML permite eso hasta cierto punto.
  Si más gente viera HTML como un documento para escribir y no solo como un objetivo de compilación, los sistemas serían mucho más simples. La mentalidad actual ha ralentizado mucho al usuario promedio de computadoras/web y también les ha creado grandes dolores de cabeza a los desarrolladores.
  No sé a quién le ayuda, en el 99% de los casos, la complejidad que hemos introducido en el mundo. Este material podría ser una de las cosas que nos empuje de vuelta al lugar correcto.