Saltar al contenido

La guía para principiantes en el desarrollo de sitios web

enero 26, 2022
web development.jpgkeepProtocol

Desde la década de 1990, pocas cosas han permanecido como elementos básicos atemporales de la sociedad como Amigos, pokémonBritney Spears e Internet.

Seriamente. Muchas cosas han ido y venido, pero estos muchachos se han quedado, rodaron con los golpes Y2K y se integraron a nuestra sociedad. (Pokémon ir o un nueva residencia de Britney Spears en Las Vegas¿alguien?)

Sin embargo, nada ha dicho «Estoy aquí para quedarme» como Internet. Desde acceso telefónico y AOL todo a Chrome e IoT, las ~*interwebs*~ se han infiltrado por completo en nuestras vidas.

Aprender sobre desarrollo web es como beber de una manguera contra incendios. Busque «codificación» en Google y habrá encendido la manguera al máximo. Esta guía sirve como un goteo lento para que se familiarice y se sienta intrigado por el mundo del desarrollo web. De ninguna manera es un manual completo.Descargar ahora: Guía de introducción gratuita a HTML y CSS

En esta guía, cubriremos los conceptos básicos básicos del desarrollo web, el proceso de creación de un sitio web y recursos adicionales para aquellos que desean aprender más sobre el desarrollo, o convertirse ellos mismos en desarrolladores.

Siga leyendo para sumergirse en el desarrollo de sitios web o use los enlaces de los capítulos para recorrer la guía.

Si bien el desarrollo web generalmente se refiere al marcado y la codificación web, incluye todas las tareas de desarrollo relacionadas, como secuencias de comandos del lado del cliente, secuencias de comandos del lado del servidor, configuración de seguridad del servidor y la red, desarrollo de comercio electrónico y desarrollo del sistema de gestión de contenido (CMS).

Vea por qué miles de clientes usan CMS Hub para crear un sitio web optimizado que se integre con sus datos de HubSpot CRM y su suite de marketing completa.

¿Por qué es importante el desarrollo web?

Puede ser el dueño de un negocio que contrata a un desarrollador independiente para crear su sitio web, un vendedor que presenta una visión a su equipo de desarrollo o un estudiante que aprende sobre el desarrollo como carrera. Independientemente de quién sea o de por qué está leyendo esta guía, comprender los conceptos básicos del desarrollo de sitios web puede ser útil en este mundo impulsado por la tecnología.

Internet no va a desaparecer pronto. De hecho, se ha convertido en un portal y principal método de investigación, conexión, educación y entretenimiento en el mundo. A partir de 2019, hay 4.200 millones de usuarios de Internet en todo el mundo. Eso es más de la mitad de la población mundial, y estas personas usan Internet por una gran variedad de razones.

¿Qué es lo que esas razones tienen en común? Requieren un sitio web, y cada sitio web requiere un desarrollador web calificado.

El desarrollo web también es una industria en rápida expansión. Entre ahora y 2028, se espera que el empleo de desarrolladores web aumente crecer un 13%. Eso es mucho más rápido que la mayoría de las otras carreras tecnológicas.

Ahora que hemos definido el desarrollo web, repasemos algunos conceptos básicos de desarrollo web para familiarizarlo mejor con el tema.

1. Qué es un sitio web

sitios web son archivos almacenados en servidores, que son computadoras que alojan (término elegante para «almacenar archivos para») sitios web. Estos servidores están conectados a una red gigante llamada Internet… o World Wide Web (si nos atenemos a la terminología de los 90). Hablamos más sobre los servidores en la siguiente sección.

navegadores son programas informáticos que cargan los sitios web a través de su conexión a Internet, como Google Chrome o Internet Explorer. Su computadora también es conocida como la cliente.

2. Qué es una dirección IP

protocolo de Internet es un conjunto de normas que rigen la interacción en Internet.

Para acceder a un sitio web, necesita saber su dirección IP. Una dirección IP es una cadena única de números. Cada dispositivo tiene una dirección IP para distinguirse de los miles de millones de sitios web y dispositivos conectados a través de Internet.

La dirección IP de HubSpot es 104.16.249.5. Puede encontrar la dirección IP de cualquier sitio web visitando un sitio como Sitio 24×7 o usando el símbolo del sistema en Windows o Utilidad de red > Traceroute en MacBooks.

Traceroute en Network Utility en Mac

Para encontrar la dirección IP de su dispositivo, también puede escribir «cuál es mi dirección IP» en su navegador de búsqueda.

Si bien puede acceder a un sitio web utilizando su dirección IP, la mayoría de los usuarios de Internet prefieren utilizar nombres de dominio o utilizar motores de búsqueda.

3. Qué significa HTTP

Protocolo de Transferencia de Hipertexto (HTTP) lo conecta a usted y a su solicitud de sitio web con el servidor remoto que alberga todos los datos del sitio web. Es un conjunto de reglas (un protocolo) que define cómo se deben enviar los mensajes a través de Internet. Le permite saltar entre las páginas del sitio y los sitios web.

Cuando escribe un sitio web en su navegador web o busca algo a través de un motor de búsqueda, HTTP proporciona un marco para que el cliente (computadora) y el servidor puedan hablar el mismo idioma cuando hacen solicitudes y respuestas entre sí a través de Internet. Es esencialmente el traductor entre usted e Internet: lee la solicitud de su sitio web, lee el código enviado desde el servidor y lo traduce para usted en forma de sitio web.

4. Qué es la codificación

Codificación se refiere a escribir código para servidores y aplicaciones utilizando lenguajes de programación. Se llaman «lenguajes» porque comprenden vocabulario y reglas gramaticales para comunicarse con las computadoras. También incluyen comandos especiales, abreviaturas y signos de puntuación que solo los dispositivos y programas pueden leer.

Todo el software está escrito por al menos un lenguaje de codificación, pero los lenguajes varían según la plataforma, el sistema operativo y el estilo. Hay muchos tipos diferentes de lenguajes de codificación… todos los cuales se dividen en dos categorías, front-end y back-end.

5. Qué significa front-end

Interfaz (o del lado del cliente) es el lado de un sitio web o software que ve e interactúa como usuario de Internet. Cuando la información del sitio web se transfiere de un servidor a un navegador, los lenguajes de codificación front-end permiten que el sitio web funcione sin tener que «comunicarse» continuamente con Internet.

El código front-end permite a los usuarios como usted y yo interactuar con un sitio web y reproducir videos, expandir o minimizar imágenes, resaltar texto y más. Los desarrolladores web que trabajan en el trabajo de codificación front-end en el desarrollo del lado del cliente.

Desglosaremos más sobre el desarrollo front-end en la siguiente sección.

6. Qué significa back-end

back-end (o del lado del servidor) es el lado que no ves cuando usas Internet. Es la infraestructura digital y, para quienes no son desarrolladores, parece un montón de números, letras y símbolos.

Hay más lenguajes de codificación de back-end que lenguajes de front-end. Esto se debe a que los navegadores, en el front-end, solo entienden JavaScript, pero un servidor, en el back-end, se puede configurar para comprender prácticamente cualquier idioma. Cubriremos más sobre el desarrollo de back-end a continuación.

7. Qué es un CMS

Un sistema de administración de contenido (CMS) es una aplicación web o una serie de programas utilizados para crear y administrar contenido web. (Nota: los CMS no son lo mismo que los creadores de sitios, como espacio cuadrado o Wix.)

Vea por qué miles de clientes usan CMS Hub para crear un sitio web optimizado que se integre con sus datos de HubSpot CRM y su suite de marketing completa.

Si bien no es necesario para crear un sitio web, el uso de un CMS facilita las cosas. Proporciona los componentes básicos (como complementos y complementos) y le permite crear la estructura con su código. Los CMS se utilizan normalmente para el comercio electrónico y los blogs, pero son útiles para todo tipo de sitios web.

8. Qué es la ciberseguridad

Mientras exista Internet, habrá usuarios que busquen vulnerabilidades en los sitios web para exponer información privada, robar datos y bloquear servidores. Práctica de ciberseguridad para proteger datos, redes y computadoras de estas amenazas.

Los métodos utilizados por los piratas informáticos están en constante evolución, al igual que las medidas de seguridad que se toman para defenderse de ellos. No comprender cómo se podría orientar su sitio podría resultar en un desastre.

Por lo tanto, es importante tener al menos una comprensión básica de la seguridad cibernética mientras aprende el desarrollo web: nuestra guía de seguridad cibernética para obtener más información.

Ya sea que esté buscando contratar a un desarrollador web o convertirse en uno, debe comprender los diferentes tipos de desarrollo web que los desarrolladores pueden dominar.

Estos diferentes tipos de desarrollo web se refieren principalmente a los diferentes sectores de la profesión en los que se desarrolla la web.ers puede funcionar: mencionamos algunos de estos en las secciones anteriores. Algunas de estas distinciones se superponen y, a menudo, los desarrolladores web dominarán varios tipos de desarrollo web.

1. Desarrollo Front-end

Los desarrolladores front-end trabajan en el lado del cliente o usuario de los sitios web, programas y software; en otras palabras, lo que ven los usuarios. Diseñan y desarrollan los aspectos visuales, incluido el diseño, la navegación, los gráficos y otros aspectos estéticos.

El trabajo principal de estos desarrolladores es crear interfaces que ayuden a los usuarios a alcanzar sus objetivos, razón por la cual también suelen participar en la aspecto de la experiencia del usuario de sus proyectos. Una experiencia de usuario ayuda a los desarrolladores front-end a desarrollar empatía por los usuarios finales.

2. Desarrollo de back-end

Si el front-end es lo que ven los usuarios, el back-end es lo que no ven. Los desarrolladores web back-end trabajan en los servidores de sitios web, programas y software para asegurarse de que todo funcione correctamente en segundo plano.

Estos desarrolladores trabajan en sistemas como servidores, sistemas operativos, API y bases de datos y administran el código para la seguridad, el contenido y la estructura del sitio. Colaboran con desarrolladores front-end para llevar sus productos a los usuarios.

3. Desarrollo de pila completa

Los desarrolladores de pila completa trabajan tanto en el front-end como en el back-end de un sitio web. Pueden crear un sitio web, una aplicación o un programa de software de principio a fin. “Stack” se refiere a las diferentes tecnologías que manejan diferentes funcionalidades en un mismo sitio web, como el servidor, la interfaz, etc.

Debido a que los desarrolladores de pila completa requieren años en el campo para adquirir la experiencia necesaria, este rol a menudo es buscado. Su conocimiento integral los ayuda a optimizar el rendimiento, detectar problemas antes de que ocurran y ayudar a los miembros del equipo a comprender las diferentes partes de un servicio web.

4. Desarrollo de sitios web

Los desarrolladores de sitios web pueden ser desarrolladores front-end, back-end o full-stack. Sin embargo, estos profesionales se especializan en la creación de sitios web, a diferencia de las aplicaciones móviles, el software de escritorio o los videojuegos.

5. Desarrollo de escritorio

Los desarrolladores de escritorio se especializan en crear aplicaciones de software que se ejecutan localmente en su dispositivo, en lugar de hacerlo a través de Internet en el navegador web. A veces, el conjunto de habilidades de estos desarrolladores se superpone con el de los desarrolladores web si una aplicación puede ejecutarse tanto en línea como fuera de línea.

6. Desarrollo móvil

Los desarrolladores móviles crean aplicaciones para dispositivos móviles como teléfonos inteligentes o tabletas. Las aplicaciones móviles funcionan mucho…