La asignatura “Desarrollo de Aplicaciones Web” está dividida en dos partes, la programación del lado del cliente y la programación del lado del servidor.
Desde el nacimiento de la Web en el año 1990, se han desarrollado diferentes tecnologías para la programación de las aplicaciones web, tanto del lado del cliente como del servidor. A la hora de elegir una tecnología, un requisito imprescindible es garantizar la compatibilidad con los diferentes navegadores web que existen. Por ello, la mejor opción es emplear siempre las tecnologías que tienen la consideración de “estándar de facto”.
Las tecnologías que hoy en día son consideradas el estándar del cliente web son HTML, CSS, JavaScript y DOM. De estas cuatro tecnologías, en esta asignatura se estudiará lo mínimo para poder desarrollar una aplicación web con una funcionalidad básica. El estudio profundo de estas tecnologías está reservado para la asignatura “Programación de Clientes Web”.
En la programación del lado del servidor existe más libertad, ya que lo único que se debe cumplir es que el resultado que genere el servidor web sea HTML, CSS, JavaScript y DOM.
En esta asignatura, en la programación del lado del servidor se utiliza XAMPP (pero se puede usar otra plataforma similar, no es problema) para poder trabajar con PHP y MySQL.
La usabilidad y la accesibilidad del software es un tema muy importante que normalmente los desarrolladores no tienen en cuenta. Un desarrollador de software normalmente no tiene problemas para usar sus propios desarrollos porque, al fin y al cabo, son sus desarrollos y los conoce a la perfección. Pero ¿otras personas los podrán usar?
En el plan de estudio existe otra asignatura centrada en la usabilidad y la accesibilidad, pero ello no es excusa para que cualquier desarrollo deba ser usable y accesible. Por ejemplo, cualquier aplicación debe:
En el artículo “Basic usability, basically missed”1 se proporcionan algunos consejos básicos de usabilidad:
Conviene que consultes estos consejos para no caer en los errores típicos que tienen los sitios y aplicaciones web.
Las prácticas de esta asignatura son acumulativas, por lo que no es posible “saltarse” una práctica. Si por cualquier razón, una práctica no es entregada en la fecha establecida, la práctica no será recuperada posteriormente, pero sí que será necesario realizarla porque las prácticas posteriores dependerán de ella.
Además, como las prácticas son acumulativas, tienes que cumplir exactamente lo que se te pida en cada práctica, si te desvías de lo que se te pida es posible que tengas graves problemas en prácticas posteriores.
Documentar una aplicación es aburrido, pero es algo necesario. En esta asignatura no se exige que las prácticas tengan un documentación independiente, pero sí que se exige que el código esté correctamente organizado y documentado.
Según Google, una aplicación de una sola página2 (single-page application, SPA) es:
Una aplicación de una sola página es una aplicación web o un sitio web que carga todos los recursos necesarios para navegar por el sitio en la primera carga de la página. A medida que el usuario hace clic en los enlaces e interactúa con la página, el contenido posterior se carga de forma dinámica. Con frecuencia, la aplicación actualiza la URL en la barra de dirección para emular la navegación de página tradicional, pero no se vuelve a hacer otra solicitud de página completa.
En ese pequeño párrafo de Google ya aparece uno de los problemas de las SPA, se pierden los URL y para tener ciertas funcionalidades como los marcadores (bookmarks), el volver atrás o el posicionamiento en los buscadores es necesario que “la aplicación actualiza la URL en la barra de dirección para emular la navegación de página tradicional”.
Antes de usar SPA te tendrías que hacer la siguiente pregunta: ¿realmente necesito SPA? En el artículo “You probably don’t need a single-page application”3 dan varios consejos para responder a esa pregunta. También es muy interesante el artículo “The disadvantages of single page applications”4. Y otro problema muy importante son los problemas de accesibilidad que presentan las SPA, tal como se explica en “One-page-applications are not accessible”5.
Por todo ello, en esta asignatura no se requiere que la práctica se desarrolle como una SPA, es más, se desaconseja totalmente.
El scroll infinito es otra técnica de desarrollo web moderna que “mola mucho”, pero que en la mayoría de las situaciones causa problemas graves. Los artículos “Infinite Scroll: Let?s Get To The Bottom Of This”6 y “Infinite Scrolling Is Not for Every Website”7 explican los problemas que presenta el scroll infinito.
Es más, se cree que el scroll infinito causa adicción entre los usuarios y hay incluso un movimiento para pedir su prohibición: “Social media apps are ‘deliberately’ addictive to users”8 y “US could ban ‘addictive’ autoplay videos and infinite scrolling online”9.
Por ello, en esta asignatura tampoco se debe hacer uso del scroll infinito.
Según la Wikipedia10, un framework es “un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar”.
En el desarrollo web existen frameworks para casi todas las tecnologías que se emplean. Hasta HTML tiene sus propios frameworks, o más bien, plantillas para comenzar a desarrollar una página web. Dos de los más famosos son HTML5 Boilerplate11 e Initializr12. Para las otras tecnologías que se emplean en esta asignatura (CSS, JS y PHP) existen cientos de frameworks.
Un framework es una gran ayuda para el desarrollo de grandes aplicaciones. Cuando un framework se usa correctamente, guía el desarrollo, reduce las posibilidades de error y mejora la productividad. Sin embargo, cuando se está aprendiendo una nueva tecnología o paradigma de desarrollo, un framework dificulta el aprendizaje porque oculta muchos detalles que es importante conocer. Por eso, en esta asignatura no se puede usar un framework.
1https://uxdesign.cc/basic-usability-basically-missed-f05fd69d2c13
2https://developers.google.com/analytics/devguides/collection/analyticsjs/single-page-applications?hl=es-419
3https://journal.plausible.io/you-probably-dont-need-a-single-page-app
4https://adamsilver.io/articles/the-disadvantages-of-single-page-applications/
5http://www.craigabbott.co.uk/one-page-applications-are-not-accessible
6https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/
7https://www.nngroup.com/articles/infinite-scrolling/
8https://www.bbc.com/news/technology-44640959
9https://www.theguardian.com/media/2019/jul/31/us-could-ban-addictive-autoplay-videos-and-infinite-scrolling-online
10https://es.wikipedia.org/wiki/Framework
11https://html5boilerplate.com/
13El orden de configuración es importante porque el servidor web va a intentar encontrar los archivos en el orden indicado.
14https://es.wikipedia.org/wiki/Ayuda:C%C3%B3mo_limpiar_la_cach%C3%A9