Consola para desarrolladores de Google
Mientras que el desarrollo web suele referirse al marcado y a la codificación de la web, el desarrollo de sitios web incluye todas las tareas de desarrollo relacionadas, como el scripting del lado del cliente, el scripting del lado del servidor, la configuración de la seguridad del servidor y de la red, el desarrollo del comercio electrónico y el desarrollo del sistema de gestión de contenidos (CMS).
En esta guía, cubriremos los aspectos básicos del desarrollo web, el proceso de creación de un sitio web y los recursos adicionales para aquellos que quieran aprender más sobre el desarrollo – o convertirse en desarrolladores ellos mismos.
Internet no va a ninguna parte. De hecho, se ha convertido en un portal y método principal de investigación, conexión, educación y entretenimiento en el mundo. En 2021, había 4.660 millones de usuarios de Internet en el mundo, más de la mitad de la población mundial.
Dado el rápido aumento del número de usuarios de Internet, no es de extrañar que el desarrollo web sea una industria en rápida expansión. De aquí a 2030, se espera que el empleo de los desarrolladores web crezca un 13%, mucho más rápido que la mayoría de las demás carreras tecnológicas.
Desarrollo web
El objetivo del diseño de un sitio web es garantizar que cuando los usuarios abran el sitio vean la información en un formato fácil de leer y relevante. Esto se complica aún más por el hecho de que los usuarios utilizan hoy en día una gran variedad de dispositivos con distintos tamaños y resoluciones de pantalla, lo que obliga al diseñador a tener en cuenta estos aspectos al diseñar el sitio. El diseñador tiene que asegurarse de que su sitio se vea correctamente en diferentes navegadores (cross-browser), diferentes sistemas operativos (cross-platform) y diferentes dispositivos (cross-device), lo que requiere una cuidadosa planificación por parte del desarrollador.
Un navegador web es un software que se utiliza para recuperar, presentar y recorrer información en la WWW. Normalmente, los navegadores se ejecutan en un ordenador de sobremesa o portátil, en una tableta o en un teléfono, pero últimamente se puede encontrar un navegador en casi cualquier cosa (por ejemplo, en una nevera, en los coches, etc.).
Los navegadores sin cabeza son navegadores web sin interfaz gráfica de usuario que pueden controlarse desde una interfaz de línea de comandos mediante programación con el fin de automatizar páginas web (por ejemplo, pruebas funcionales, scraping, pruebas unitarias, etc.). Piensa en los navegadores sin cabeza como un navegador que puedes ejecutar desde la línea de comandos y que puede recuperar y recorrer páginas web.
Desarrollador de Chrome
Nota: Antes de ejecutar los ejemplos siguientes, abre el sitio de ejemplo para principiantes que construimos durante la serie de artículos Introducción a la Web. Deberías tenerlo abierto mientras sigues los siguientes pasos.
El Inspector: Explorador del DOM y editor de CSSLas herramientas de desarrollo suelen abrir por defecto el inspector, que se parece a la siguiente captura de pantalla. Esta herramienta muestra el aspecto del HTML de tu página en tiempo de ejecución, así como qué CSS se aplica a cada elemento de la página. También te permite modificar instantáneamente el HTML y el CSS y ver los resultados de tus cambios reflejados en directo en la ventana gráfica del navegador.
Explorar el inspector DOMPara empezar, haz clic con el botón derecho del ratón (Ctrl-clic) en un elemento HTML del inspector DOM y mira el menú contextual. Las opciones de menú disponibles varían entre los navegadores, pero las más importantes son en su mayoría las mismas:
Intenta editar algo de tu DOM ahora. Haz doble clic en un elemento, o haz clic con el botón derecho del ratón y elige Editar como HTML en el menú contextual. Puedes hacer los cambios que quieras, pero no puedes guardar los cambios.Explorando el editor CSSPor defecto, el editor CSS muestra las reglas CSS aplicadas al elemento actualmente seleccionado:
Estudio de desarrollo web
Este artículo necesita citas adicionales para su verificación. Por favor, ayude a mejorar este artículo añadiendo citas de fuentes fiables. El material sin fuente puede ser cuestionado y eliminado.Buscar fuentes: “Desarrollo web” – noticias – periódicos – libros – scholar – JSTOR (diciembre de 2012) (Aprende cómo y cuándo eliminar este mensaje de la plantilla)
Este artículo contiene posiblemente una investigación original. Por favor, mejóralo verificando las afirmaciones realizadas y añadiendo citas en línea. Las afirmaciones que sólo consisten en investigación original deben ser eliminadas. (Mayo 2022) (Aprende cómo y cuándo eliminar este mensaje de la plantilla)
El desarrollo web es el trabajo que implica el desarrollo de un sitio web para Internet (World Wide Web) o una intranet (una red privada)[1] El desarrollo web puede ir desde el desarrollo de una simple página estática de texto plano hasta complejas aplicaciones web, negocios electrónicos y servicios de redes sociales. Una lista más amplia de tareas a las que se refiere comúnmente el desarrollo web puede incluir la ingeniería web, el diseño web, el desarrollo de contenidos web, el enlace con el cliente, el scripting del lado del cliente/servidor, la configuración del servidor web y de la seguridad de la red, y el desarrollo del comercio electrónico.
