BookinglyTech News
Software

Curso intro de WebDev refuerza la mejora progresiva con cambios mínimos

El autor, a cargo de un curso básico de HTML, CSS, JS y Docker, busca incorporar referencias y buenas prácticas de mejora progresiva sin sacrificar la accesibilidad.

2 min de lecturaLobsters0 vistas

El responsable de un curso introductorio de desarrollo web ha decidido reforzar el concepto de mejora progresiva en sus lecciones. El temario ya incluye HTML, CSS, JavaScript y Docker, y mantiene la hipótesis de un backend NodeJS, por lo que cualquier característica del lenguaje puede mostrarse del lado del servidor.

Para no caer en trucos innecesarios en el navegador, el instructor quiere centrar la enseñanza en tres ejes: accesibilidad, rendimiento y seguridad. Propone varios recursos de referencia:

  • Un artículo sobre los beneficios de HTML bien estructurado para la usabilidad y la accesibilidad.
  • Un post que muestra cómo un HTML simple puede servir a usuarios con navegadores limitados o sin JavaScript.
  • La documentación de Microsoft Edge que describe su modo seguro con la compilación Just‑In‑Time de JavaScript desactivada, lo que evidencia el coste de JIT en consumo energético.
  • Un blog de Chrome que explica la limitación de temporizadores en versiones recientes, otra señal de que el JavaScript excesivo afecta la batería.
  • La hoja de trucos de OWASP sobre validación de entrada, útil para recordar que no se debe confiar en la lógica del cliente.
  • Un proyecto en GitHub que permite falsificar la identidad de curl, útil para demostrar cómo muchos sitios pretenden requerir JavaScript pero en realidad entregan HTML suficiente para navegadores basados en Blink.

El autor también quiere enfatizar que documento, formulario y aplicación son conceptos distintos y que la mejora progresiva implica que la funcionalidad esencial siga operando sin JavaScript. Busca sugerencias de otros puntos o referencias que refuercen esta postura sin añadir complejidad innecesaria.

En la práctica, esto se traduce en ejercicios donde los estudiantes crean una página que funciona plenamente con HTML puro, añaden estilos CSS y, finalmente, incorporan JavaScript para mejorar la experiencia sin romper la accesibilidad. Además, se plantea probar la misma aplicación bajo el modo seguro de Edge y con la limitación de temporizadores de Chrome para observar la degradación controlada del rendimiento.

El objetivo es que, al terminar el curso, los alumnos comprendan que la mejora progresiva no es una moda, sino una disciplina que protege la usabilidad, la seguridad y la eficiencia energética de las aplicaciones web. Queda pendiente definir qué otros recursos o ejemplos prácticos podrían incorporarse para reforzar el mensaje y evitar que la accesibilidad quede relegada a un apartado teórico.