El desarrollo web es el trabajo involucrado en el desarrollo de un sitio web para Internet ( World Wide Web ) o una intranet (una red privada). [1] El desarrollo web puede abarcar desde el desarrollo de una simple página estática de texto simple hasta aplicaciones web complejas , negocios electrónicos y servicios de redes sociales . Una lista más completa de tareas a las que comúnmente se refiere el desarrollo web puede incluir ingeniería web , diseño web , desarrollo de contenido web , enlace con el cliente, scripting del lado del cliente / lado del servidor , configuración de seguridad de red y servidor web y desarrollo de comercio electrónico .
Entre los profesionales de la Web, el "desarrollo web" generalmente se refiere a los principales aspectos no relacionados con el diseño de la creación de sitios web: escribir el marcado y la codificación . [2] El desarrollo web puede utilizar sistemas de gestión de contenido (CMS) para facilitar los cambios de contenido y hacerlos disponibles con habilidades técnicas básicas.
Para las organizaciones y empresas más grandes, los equipos de desarrollo web pueden estar formados por cientos de personas ( desarrolladores web ) y seguir métodos estándar como las metodologías Agile al desarrollar sitios web. [1] Las organizaciones más pequeñas pueden requerir solo un único desarrollador permanente o contratado, o una asignación secundaria a puestos de trabajo relacionados, como un diseñador gráfico o un técnico de sistemas de información . El desarrollo web puede ser un esfuerzo colaborativo entre departamentos en lugar del dominio de un departamento designado. Hay tres tipos de especialización de desarrollador web: desarrollador front-end , desarrollador back-end y desarrollador full-stack. [3] Los desarrolladores front-end son responsables del comportamiento y las imágenes que se ejecutan en el navegador del usuario, mientras que los desarrolladores back-end se ocupan de los servidores. [4] Desde la comercialización de la Web, la industria ha experimentado un auge y se ha convertido en una de las tecnologías más utilizadas de la historia.
Tim Berners-Lee creó la World Wide Web en 1989 en el CERN. [5]
El objetivo principal del desarrollo de la Web era satisfacer las necesidades de intercambio automático de información de académicos afiliados a instituciones y diversas organizaciones globales. Por consiguiente, en 1993 se desarrolló HTML . [6]
La Web 1.0 se describe como el primer paradigma en el que los usuarios sólo podían ver material y proporcionar una pequeña cantidad de información. [7] Los protocolos centrales de la Web 1.0 eran HTTP , HTML y URI . [8]
Web 2.0 , un término popularizado por Dale Dougherty , entonces vicepresidente de O'Reilly, durante una conferencia de 2004 con Media Live, marca un cambio en el uso de Internet, enfatizando la interactividad. [9] [10]
La Web 2.0 introdujo una mayor interacción y comunicación con los usuarios. Evolucionó a partir de la naturaleza estática y de solo lectura de la Web 1.0 y se convirtió en una red integrada para la interacción y la comunicación. A menudo se la conoce como una red en línea de lectura y escritura centrada en el usuario. [7]
En el ámbito de los entornos Web 2.0, los usuarios ahora tienen acceso a una plataforma que fomenta el intercambio de actividades como la creación de música, archivos, imágenes y películas. [11] La arquitectura de la Web 2.0 se considera a menudo la "columna vertebral de Internet", ya que utiliza etiquetas XML (lenguaje de marcado extensible) estandarizadas para autorizar el flujo de información desde plataformas independientes y bases de datos en línea . [7]
La Web 3.0, considerada la tercera y actual versión de la web, se introdujo en 2014. El concepto prevé un rediseño completo de la web. Las características clave incluyen la integración de metadatos , la entrega precisa de información y experiencias de usuario mejoradas basadas en preferencias, historial e intereses. [ cita requerida ]
La Web 3.0 pretende convertir la web en una base de datos de gran tamaño y organizada, que ofrezca más funciones que los motores de búsqueda tradicionales. Los usuarios pueden personalizar la navegación en función de sus preferencias, y las ideas centrales implican la identificación de fuentes de datos, su conexión para lograr una mayor eficiencia y la creación de perfiles de usuario. [7]
Esta versión a veces también se conoce como Web Semántica . [12]
El camino hacia el desarrollo de tecnologías web comenzó con páginas HTML simples en los primeros días de Internet. Con el tiempo, los avances llevaron a la incorporación de CSS para el estilo y JavaScript para la interactividad. Esta evolución transformó los sitios web estáticos en plataformas dinámicas y responsivas, sentando las bases para las aplicaciones web complejas y ricas en funciones que tenemos hoy.
El desarrollo web en el futuro estará impulsado por los avances en la tecnología del navegador, la infraestructura de Internet, los estándares de protocolo, los métodos de ingeniería de software y las tendencias de aplicaciones. [8]
El ciclo de vida del desarrollo web es un método que describe las etapas involucradas en la creación de sitios web y aplicaciones web. Proporciona un enfoque estructurado que garantiza resultados óptimos durante todo el proceso de desarrollo. [ cita requerida ]
Un proceso típico de desarrollo web se puede dividir en 7 pasos:
Debra Howcraft y John Carroll propusieron una metodología en la que el proceso de desarrollo web se puede dividir en pasos secuenciales. Mencionaron diferentes aspectos del análisis. [17]
La primera fase implica diseñar una estrategia web y analizar cómo un sitio web puede lograr sus objetivos de manera efectiva. La investigación de Keil et al [18] identifica las principales razones de los fracasos de los proyectos de software como la falta de compromiso de la alta dirección y la falta de comprensión de los requisitos del sistema. Para mitigar estos riesgos, la primera fase establece metas y objetivos estratégicos y diseña un sistema para cumplirlos. La decisión de establecer una presencia web debería estar alineada idealmente con la estrategia de información corporativa de la organización.
La fase de análisis se puede dividir en tres pasos:
En esta fase se analizan los objetivos previamente planteados y los recursos disponibles para determinar su viabilidad. Este análisis se divide en seis tareas, a saber:
Después de este análisis, se documenta un conjunto más refinado de objetivos. Los objetivos que no se pueden cumplir en la actualidad se registran en una Lista de deseos, que forma parte del Documento de objetivos. Esta documentación se convierte en parte integral del proceso iterativo durante el ciclo posterior de la metodología. [17]
Es crucial que los desarrolladores web participen en la formulación de un plan, la determinación de la arquitectura óptima y la selección de los marcos . [ cita requerida ] Además, los desarrolladores/consultores desempeñan un papel en la elucidación del costo total de propiedad asociado con el soporte de un sitio web, que puede superar los gastos de desarrollo iniciales.
Los aspectos clave en este paso son:
Después de la fase de análisis, el proceso de desarrollo pasa a la fase de diseño , que se guía por el documento de objetivos. Al reconocer el crecimiento incremental de los sitios web y la posible falta de una buena arquitectura de diseño, la metodología incluye la iteración para tener en cuenta los cambios y las incorporaciones a lo largo de la vida del sitio. La fase de diseño, que se divide en Diseño de información y Diseño gráfico , da como resultado un Documento de diseño detallado que detalla la estructura del sitio web, las estructuras de datos de la base de datos y los scripts CGI .*
El siguiente paso, la prueba de diseño, se centra en la realización de pruebas tempranas y de bajo costo para identificar inconsistencias o fallas en el diseño. Esto implica comparar el diseño del sitio web con las metas y objetivos delineados en los primeros tres pasos. Las fases uno y dos implican un ciclo iterativo en el que se revisan los objetivos del Documento de objetivos para garantizar que estén alineados con el diseño. Los objetivos que se eliminan se agregan a la Lista de deseos para su consideración en el futuro. [17]
Los aspectos clave en este paso son:
No importa cuán atractivo visualmente sea un sitio web, la buena comunicación con los clientes es fundamental. El objetivo principal de la producción de contenido es crear un canal de comunicación a través de la interfaz de usuario mediante la entrega de información relevante sobre su empresa de una manera atractiva y fácil de entender. Esto incluye: [ cita requerida ]
La etapa de producción de contenido es fundamental para establecer la marca y el marketing de su sitio web o aplicación web. Sirve como plataforma para definir el propósito y los objetivos de su presencia en línea a través de contenido atractivo y convincente.
Durante esta etapa crítica, el sitio web se construye teniendo en mente su objetivo fundamental, prestando especial atención a todos los componentes gráficos para asegurar el establecimiento de un sitio completamente funcional.
El proceso comienza con el desarrollo de la página principal, a la que le sigue la creación de las páginas interiores. Se perfecciona, en particular, la estructura de navegación del sitio.
Durante esta fase de desarrollo, se activan funcionalidades clave como el sistema de gestión de contenido , formularios de contacto interactivos y carritos de compra.
El proceso de codificación incluye la creación de todo el software del sitio y su instalación en los servidores web adecuados. Esto puede abarcar desde tareas sencillas como publicar en un servidor web hasta tareas más complejas como establecer conexiones a bases de datos .
En cualquier proyecto web, la fase de prueba es increíblemente compleja y difícil. Dado que las aplicaciones web suelen estar diseñadas para una base de usuarios diversa y a menudo desconocida que se ejecuta en una variedad de entornos tecnológicos, su complejidad supera la de los sistemas de información (SI) tradicionales . Para garantizar el máximo alcance y eficacia, el sitio web debe probarse en una variedad de contextos y tecnologías. El sitio web pasa a la etapa de entrega después de obtener la aprobación final del diseñador. Para garantizar su preparación para el lanzamiento, el equipo de control de calidad realiza pruebas rigurosas de funcionalidad, compatibilidad y rendimiento.
Se realizan pruebas adicionales, que incluyen integración, estrés, escalabilidad , carga, resolución y compatibilidad entre navegadores . Cuando se da la aprobación, el sitio web se envía al servidor a través de FTP , lo que completa el proceso de desarrollo.
Los aspectos clave en este paso son:
El proceso de desarrollo web va más allá de la implementación para incluir una variedad de tareas posteriores a la implementación.
Los sitios web, por ejemplo, suelen estar en constante mantenimiento y se cargan nuevos elementos a diario. Los costos de mantenimiento aumentan enormemente a medida que el sitio crece en tamaño. La precisión del contenido de un sitio web es fundamental y exige un seguimiento continuo para verificar que tanto la información como los enlaces, en particular los enlaces externos, estén actualizados. Se realizan ajustes en respuesta a los comentarios de los usuarios y se llevan a cabo acciones de soporte y mantenimiento regulares para mantener la eficacia del sitio web a largo plazo. [17]
Debra Howcraft y John Carroll analizaron algunas metodologías tradicionales de desarrollo web en su artículo de investigación: [17]
Es fundamental desarrollar un conocimiento fundamental de la dinámica del lado del cliente y del lado del servidor . [ cita requerida ]
El objetivo del desarrollo front-end es crear la interfaz de usuario de un sitio web y los componentes visuales con los que los usuarios puedan interactuar directamente. Por otro lado, el desarrollo back-end trabaja con bases de datos, lógica del lado del servidor y funcionalidad de la aplicación. La creación de aplicaciones en línea confiables y fáciles de usar requiere un enfoque integral, que se garantiza mediante la colaboración entre los ingenieros front-end y back-end.
El desarrollo front-end es el proceso de diseño e implementación de la interfaz de usuario (UI) y la experiencia de usuario (UX) de una aplicación web . Implica la creación de elementos visualmente atractivos e interactivos con los que los usuarios interactúan directamente. Las principales tecnologías y conceptos asociados con el desarrollo front-end incluyen:
Las tres tecnologías principales para el desarrollo front-end son:
El diseño de la experiencia del usuario se centra en la creación de interfaces que sean intuitivas, accesibles y agradables para los usuarios. Implica comprender el comportamiento del usuario, realizar estudios de usabilidad e implementar principios de diseño para mejorar la satisfacción general de los usuarios que interactúan con un sitio web o una aplicación. Esto implica la creación de wireframes , la creación de prototipos y la implementación de principios de diseño para mejorar la interacción del usuario. Algunas de las herramientas más populares que se utilizan para la creación de wireframes de interfaz de usuario son:
Otro aspecto clave a tener en cuenta durante el diseño es la accesibilidad web : la accesibilidad web garantiza que el contenido digital esté disponible y sea utilizable para personas con todas las capacidades. Esto implica cumplir con estándares como las Pautas de Accesibilidad al Contenido Web (WCAG), implementar funciones como texto alternativo para imágenes y diseñar teniendo en cuenta las diversas necesidades de los usuarios, incluidas las personas con discapacidades.
Es importante garantizar que las aplicaciones web sean accesibles y visualmente atractivas en distintos dispositivos y tamaños de pantalla. El diseño responsivo utiliza consultas de medios CSS y diseños flexibles para adaptarse a diferentes entornos de visualización.
Un framework es una solución de alto nivel para la reutilización de piezas de software, un paso adelante en la reutilización simple basada en bibliotecas que permite compartir funciones comunes y la lógica genérica de una aplicación de dominio. [19]
Los frameworks y las bibliotecas son herramientas esenciales que aceleran el proceso de desarrollo. Estas herramientas mejoran la productividad de los desarrolladores y contribuyen a la capacidad de mantenimiento de aplicaciones a gran escala. Algunos frameworks front-end populares son:
Gestión del estado de una aplicación web para garantizar la coherencia y la capacidad de respuesta de los datos. Las bibliotecas de gestión de estado como Redux (para React ) o Vuex (para Vue.js ) desempeñan un papel crucial en aplicaciones complejas.
El desarrollo back-end implica la creación de la lógica del lado del servidor y los componentes de la base de datos de una aplicación web . Es responsable de procesar las solicitudes de los usuarios, administrar los datos y garantizar la funcionalidad general de la aplicación. Los aspectos clave del desarrollo back-end incluyen:
Un componente esencial de la arquitectura de una aplicación web es un servidor o una instancia en la nube . Una instancia en la nube es una instancia de servidor virtual a la que se puede acceder a través de Internet y que se crea, se entrega y se aloja en una nube pública o privada. Funciona como un servidor físico que puede moverse sin problemas entre varios dispositivos con facilidad o configurar varias instancias en un servidor. Por lo tanto, es muy dinámica, escalable y económica.
La gestión de bases de datos es fundamental para almacenar , recuperar y gestionar datos en aplicaciones web. Varios sistemas de bases de datos, como MySQL , PostgreSQL y MongoDB , desempeñan funciones distintas en la organización y estructuración de datos. Una gestión eficaz de bases de datos garantiza la capacidad de respuesta y la eficiencia de las aplicaciones web basadas en datos. Existen tres tipos de bases de datos:
La elección de una base de datos depende de diversos factores, como la naturaleza de los datos, los requisitos de escalabilidad, las consideraciones de rendimiento y el caso de uso específico de la aplicación que se está desarrollando. Cada tipo de base de datos tiene sus puntos fuertes y débiles, y para seleccionar la adecuada es necesario tener en cuenta las necesidades específicas del proyecto.
Las interfaces de programación de aplicaciones son conjuntos de reglas y protocolos que permiten que distintas aplicaciones de software se comuniquen entre sí. Las API definen los métodos y formatos de datos que las aplicaciones pueden utilizar para solicitar e intercambiar información.
Los lenguajes de programación orientados a la ejecución en el servidor, a diferencia de la ejecución en el navegador del cliente, se conocen como lenguajes del lado del servidor . Estos lenguajes de programación se utilizan en el desarrollo web para realizar operaciones que incluyen el procesamiento de datos , la interacción con bases de datos y la creación de contenido dinámico que se envía al navegador del cliente. Un elemento clave de la programación del lado del servidor es la creación de scripts del lado del servidor , que permite que el servidor reaccione a las solicitudes del cliente en tiempo real.
Algunos lenguajes populares del lado del servidor son:
Implementar medidas de seguridad para protegerse contra vulnerabilidades comunes, como inyección SQL , secuencias de comandos entre sitios (XSS) y falsificación de solicitudes entre sitios (CSRF). Los mecanismos de autenticación y autorización son fundamentales para proteger los datos y el acceso de los usuarios.
Los procesos de prueba y depuración exhaustivos son esenciales para identificar y resolver problemas en una aplicación web. Las pruebas pueden incluir pruebas unitarias , pruebas de integración y pruebas de aceptación del usuario . La depuración implica identificar y corregir errores en el código, lo que garantiza la confiabilidad y la estabilidad de la aplicación.
El desarrollo full-stack se refiere a la práctica de diseñar, crear y mantener toda la pila de software de una aplicación web. Esto incluye tanto los componentes frontend (del lado del cliente) como los backend (del lado del servidor), así como la base de datos y cualquier otra infraestructura necesaria. Un desarrollador full-stack es alguien que tiene experiencia en trabajar con tecnologías frontend y backend, lo que le permite manejar todos los aspectos del desarrollo de aplicaciones web.
Un desarrollo web eficiente se basa en un conjunto de herramientas y entornos que agilizan los procesos de codificación y colaboración:
La seguridad es primordial en el desarrollo web para protegerse contra amenazas cibernéticas y garantizar la confidencialidad e integridad de los datos de los usuarios. Las mejores prácticas incluyen cifrado, prácticas de codificación seguras, auditorías de seguridad periódicas y mantenerse informado sobre las últimas vulnerabilidades y parches de seguridad .
Agile es un conjunto de principios y valores para el desarrollo de software que priorizan la flexibilidad, la colaboración y la satisfacción del cliente. Los cuatro valores clave son:
{{cite web}}: Falta o está vacío |title=( ayuda )