The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →El desarrollo de aplicaciones web es el proceso de planificar, construir, verificar y mantener software que se entrega y se usa a través de la Web. Combina tecnologías que estructuran el contenido, describen su aspecto y añaden interacción, junto con protocolos y APIs que cargan recursos y mueven datos. Su forma concreta no es fija: depende de lo que la aplicación deba hacer y de quién la vaya a usar.
Las tecnologías básicas y qué hace cada una
Según las guías de MDN (Mozilla), el trabajo descansa sobre unas pocas piezas con funciones distintas. Conviene no confundirlas.
As an Amazon Associate I earn from qualifying purchases.
| Pieza | Función |
|---|---|
| HTML | Estructura el contenido de documentos y aplicaciones web. |
| CSS | Describe la presentación del contenido. |
| JavaScript | Añade comportamiento interactivo. MDN lo define como «un poderoso lenguaje de scripting utilizado para crear aplicaciones para la Web». |
| HTTP | Protocolo fundamental para solicitar documentos, hojas de estilo, scripts, imágenes, vídeos y otros recursos, y para enviar datos. |
| APIs web | Permiten que el código use capacidades de la plataforma; MDN mantiene referencias y guías para ellas. |
Qué más puede incluir una aplicación web
Además de lo que se ejecuta en el navegador, una aplicación puede necesitar servicios del lado servidor, almacenamiento de datos, autenticación e integraciones con otros sistemas. Que haga falta una parte u otra lo deciden los requisitos. Las fuentes consultadas (MDN, OWASP, W3C) no imponen una arquitectura única, y un proyecto sencillo puede resolverse con muy poco de todo esto.
Aplicaciones web progresivas (PWA)
Una PWA usa APIs web modernas y mejora progresiva para ofrecer una experiencia multiplataforma que, en algunos aspectos, puede parecerse a la de una aplicación nativa. Dos precauciones: no toda aplicación web funciona sin conexión, y una PWA no equivale por defecto a una app nativa en todas las plataformas. Si el proyecto necesita capacidades PWA, conviene incluirlo como requisito desde el principio.
#1 Best Overall
- HTML CSS Design and Build Web Sites
- Comes with secure packaging
- It can be a gift option
Cómo se desarrolla: un ciclo iterativo
OWASP describe el software moderno como un trabajo que pasa repetidamente por identificación de requisitos, implementación y pruebas. Su guía de desarrollo seguro enumera requisitos, diseño, implementación y verificación como fases iterativas, y añade que la operación, las métricas, la formación y la cultura también cuentan a lo largo del ciclo. A partir de ahí, esta es una síntesis didáctica, no una norma obligatoria:
- Aclarar usuarios, objetivos y requisitos. Funcionales (qué hace), no funcionales (rendimiento, accesibilidad) y de seguridad.
- Diseñar la experiencia y la arquitectura. Teniendo en cuenta accesibilidad, riesgos y datos.
- Implementar la interfaz, el comportamiento y los servicios que requiera el producto.
- Verificar funciones, seguridad, compatibilidad y calidad; corregir y repetir según los hallazgos.
- Desplegar y operar. Observar el comportamiento del producto y mantener sus componentes.
Ningún proyecto está obligado a usar exactamente estas fases ni las mismas herramientas.
Calidad: seguridad, accesibilidad y rendimiento
Seguridad desde el diseño
OWASP plantea integrar la seguridad en las fases existentes en lugar de dejarla para el final: en requisitos, diseño, implementación y verificación. Entre los conceptos que menciona están las decisiones de diseño explícitas, el modelado de amenazas, las configuraciones seguras, el mínimo privilegio y la defensa en profundidad. También señala que DevOps puede automatizar partes del ciclo mediante CI/CD y añadir controles de seguridad.
Accesibilidad con WCAG
Las Pautas de Accesibilidad para el Contenido Web (WCAG) del W3C cubren páginas y aplicaciones web, incluido el contenido dinámico, el multimedia y el uso en móviles. WCAG 2.2 organiza 13 pautas bajo cuatro principios: perceptible, operable, comprensible y robusto. Sus criterios son comprobables y se distribuyen en los niveles A, AA y AAA. Según el W3C, se publicó el 5 de octubre de 2023 y recibió una actualización el 12 de diciembre de 2024.
Ojo: que un nivel concreto sea obligatorio por ley depende de la jurisdicción y del contexto, y no puede darse por sentado para todos los países.
Rendimiento y privacidad
MDN agrupa rendimiento, privacidad y seguridad entre los temas para desarrolladores. En la práctica, rendimiento significa que el contenido funcione con rapidez y eficiencia en distintos dispositivos, incluidos los menos potentes.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Cómo orientar las elecciones técnicas
No hay un framework ni un stack ganador universal, y las fuentes consultadas no ofrecen una comparación que permita proclamar uno. Es más útil evaluar las alternativas con criterios ligados al proyecto:
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →- Complejidad de la interfaz y de la interacción.
- Alcance móvil y necesidad de capacidades PWA.
- Requisitos de rendimiento.
- Accesibilidad.
- Sensibilidad de los datos y riesgos asociados.
- Habilidades del equipo y mantenimiento previsto.
OWASP defiende que la selección de tecnología y la seguridad se integren en la arquitectura, no que se añadan después.
Best Value
Por dónde empezar
Un recorrido razonable para una persona principiante sigue el orden de la tabla inicial: primero HTML para estructurar, luego CSS para la presentación, después JavaScript para la interacción, y mientras tanto entender cómo HTTP transporta los recursos. La documentación y las guías de MDN cubren estos bloques de plataforma. Una vez que se domine lo básico, tiene sentido añadir servidor, datos y autenticación según lo que pida el primer proyecto real, y practicar el ciclo completo (requisitos, diseño, implementación, verificación) aunque sea a pequeña escala.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
