INTRODUCCIÓN.....................................................................................................................

3
¿QUÉ ES HTTP?............................................................................................................... 4
Ventajas..............................................................................................................................4
Desventajas........................................................................................................................4
Modelo Cliente Servidor..................................................................................................... 5
Métodos (get,head,post,put, deleate).................................................................................5
Códigos de Estado HTTP...................................................................................................6
Web App:............................................................................................................................7
Definición......................................................................................................................7
Ventajas........................................................................................................................7
Desventajas..................................................................................................................7
Esquema Tradicional de Aplicación Web..................................................................... 7
Definición website.............................................................................................................. 8
Web App VS Website......................................................................................................... 8
Fullstack............................................................................................................................. 9
Definición......................................................................................................................9
Frontend............................................................................................................................. 9
HTML..........................................................................................................................10
CSS............................................................................................................................ 10
Javascript....................................................................................................................11
Backend........................................................................................................................... 12
Frontend Vs Backend.......................................................................................................14
Bibliografía........................................................................................................................... 15

2
INTRODUCCIÓN

“HTTP significa Protocolo de transferencia de hipertexto y es la forma en que

diferentes partes de Internet se comunican entre sí. HTTP es lo que se conoce
como un lenguaje de "solicitud-respuesta" porque el explorador web envía una
solicitud HTTP a un servidor que hospeda el contenido web con el que desea
trabajar. A continuación, el servidor envía una respuesta HTTP al explorador web.

Esta es la razón por la que escuchará el explorador al que se hace referencia como
un "cliente" y la relación explorador-servidor como una relación "cliente-servidor". Un
explorador solo realiza solicitudes y el servidor atiende las solicitudes del cliente con
respuestas.”(Microsoft, n.d.).

En conclusión el protocolo HTTP nos sirve para la comunicación en la web, ya que

permite la interacción entre navegadores y servidores a través de un proceso
solicitud-respuesta. En el esquema cliente servidor, el navegador actúa como cliente
al realizar solicitudes a HTTP, mientras que el servidor responde con la información
que se solicitó previamente. De esta forma se asegura que los usuarios puedan
acceder y navegar de una forma más fluida y eficiente.

3
¿QUÉ ES HTTP?

“El protocolo de transferencia de hipertexto se utiliza para cargar páginas en Internet

mediante hiperenlaces.” (Cloudflare, n.d.).

El protocolo HTTP es esencial para el funcionamiento de la web, porque nos permite

la transferencia de información entre dispositivos conectados. Si hablamos de la
capa de aplicación, facilita la carga de páginas web a través de enlaces de
hipertexto. En cuanto a funcionamiento el cliente es el que envía solicitudes y el
servidor responde a la información solicitada.

Ventajas
1. Seguridad de datos: El certificado HTTPS nos permite “blindar“ nuestra

información enviada.

2. Verificación de identidad: Garantiza que la información que el usuario envía

llega al destino correcto y queda registrado tal y como ha escrito el usuario.

3. Mejora el posicionamiento orgánico de la web: el sitio web aparecerá en

posiciones más altas si cuenta con el certificado de seguridad HTTPS.

4. Mejora la satisfacción del usuario: Al ganar en confianza y seguridad el

usuario quedará más satisfecho con su experiencia en la web.(Uptobe

Marketing, n.d.).

Desventajas

1. Errores 404: Al migrar un sitio web a https todas las url´s de la página

cambian, ya que en vez de http estará https.

2. Problemas de migración: Hacer una migración no es fácil y es necesario

estar atento a los detalles.

3. Rendimiento web: El certificado HTTPS necesita algo más de recursos que

el HTTP, es por eso que si nuestro rendimiento web no es bueno, al

implementar https podría ser aún peor y ralentizar la web. (Uptobe Marketing,

n.d.).

4
 Modelo Cliente Servidor

“Cliente-Servidor es uno de los estilos arquitectónicos distribuidos más

conocidos, el cual está compuesto por dos componentes, el proveedor y el
consumidor.En una arquitectura Cliente-Servidor existe un servidor y
múltiples clientes que se conectan al servidor para recuperar todos los
recursos necesarios para funcionar, en este sentido, el cliente solo es una
capa para representar los datos y se detonan acciones para modificar el
estado del servidor, mientras que el servidor es el que hace todo el trabajo
pesado.”(Reactive Programming, n.d.).

El modelo Cliente Servidor es una forma de organizar la comunicación

entre computadoras en una red. Hay dos partes principales:

● Cliente:Este vendría siendo la computadora o dispositivo por el cual se

está haciendo la solicitud (para algún servicio). Por ejemplo cuando se
abre un navegador web y buscamos una página, la computadora actúa
como cliente.
● Servidor:Es la computadora que proporciona los servicios o recursos que
están solicitando. En el caso de una página web, el servidor es el que
almacena el contenido y lo envía al cliente.

Métodos (get,head,post,put, delete)

“Los métodos de petición en HTTP indican la acción que se desea realizar en un
recurso dado” (MDN Web Docs, n.d.).

GET
El método GET solicita una representación de un recurso específico. Las peticiones
que usan el método GET sólo deben recuperar datos.

HEAD
El método HEAD pide una respuesta idéntica a la de una petición GET, pero sin el
cuerpo de la respuesta.

5
POST
El método POST se utiliza para enviar una entidad a un recurso en específico,
causando a menudo un cambio en el estado o efectos secundarios en el servidor.

PUT
El modo PUT reemplaza todas las representaciones actuales del recurso de destino
con la carga útil de la petición.

DELETE
El método DELETE borra un recurso en específico.

Códigos de Estado HTTP

“Los códigos de estado de HTTP son el resultado de una solicitud realizada al

servidor”. (MDN Web Docs, n.d.).

1. Respuestas informativas (100–199),

2. Respuestas satisfactorias (200–299),
3. Redirecciones (300–399),
4. Errores de los clientes (400–499),
5. y errores de los servidores (500–599).

Web App:
Definición
“Un sitio web es una colección de páginas web alojadas en un servidor web a las
que se puede acceder a través de Internet. Los sitios web son plataformas digitales
que permiten la comunicación, el intercambio de información y las transacciones en
línea.” (Wix, n.d.).

Es una aplicación la cual puedes utilizar desde tu navegador de internet, en lugar de

tener que instalarla en tu dispositivo. Algunos ejemplos podrían ser: Gmail, Google
Docs, Trello, entre muchas otras.

En resumen una app web es una aplicación que puedes usar en línea, fácil de
acceder y también los datos son almacenados en la nube, lo cual te permite no
tenerla instalada.

Ventajas

6
 1. Accesibilidad: Se puede acceder desde cualquier dispositivo con conexión a
Internet.
2. Actualización centralizada: Las actualizaciones se realizan en el servidor, lo
que garantiza que todos los usuarios accedan a la versión más reciente.
3. Interactividad: Permiten una mayor interacción con el usuario en
comparación con sitios web estáticos.

Desventajas

1. Dependencia de Internet: Sin una conexión a Internet, la funcionalidad

puede verse afectada.
2. Seguridad: Las aplicaciones web pueden ser vulnerables a ataques si no
están bien protegidas.
3. Limitaciones de rendimiento: Pueden ser más lentas en comparación con
aplicaciones nativas debido a la dependencia del servidor.

Esquema Tradicional de Aplicación Web

(Kinsta, n.d.).

Definición website

“Un sitio web es un conjunto de páginas web que están conectadas entre sí y se
encuentran alojadas en un servidor web. Este espacio virtual es accesible para
cualquier persona con conexión a internet, que lo visite por medio de un navegador
web.” (HubSpot, n.d.).

7
Un sitio web es un conjunto de páginas de internet que están conectadas entre sí y
se pueden ver en un navegador. Cada página tiene contenido como textos,
imágenes o videos, y todas están bajo un mismo nombre de dominio. Algunos
ejemplos pueden ser: un blog personal, una tienda en línea como Amazon, mercado
libre, entre otras.

En resumen, un sitio web es como un libro en linea que puedes explorar, lleno de
diferentes paginas y tipos de información.

Ventajas
● Tienes una imagen profesional en línea:Claro que las redes sociales
forman una parte importante de cualquier estrategia de marketing digital
actual, no obstante un sitio web bien hecho, le dará la solidez y fortaleza a tu
marca en Internet.
● Presencia 24/7, en todo el mundo:Tu marca contará con un espacio propio
en Internet, será como tener un establecimiento virtual operando por ti,
mientras duermes. Además, tendrás una difusión global al estar disponible
para cualquier persona con acceso a Internet.
● Información unificada y accesible:Tu website se vuelve el punto de
referencia de tus posibles clientes para consultar qué haces, dónde te
encuentras e incluso en un futuro, comprar en línea. También es una buena
referencia y material para tu equipo de ventas.
● Pilar de una estrategia escalable (y sostenible):Tener un website es como
construir en terreno propio, puedes (y deberías) ir creciendo tu sitio con base
en lo que tus clientes demandan ver en línea. Es sostenible por que una
pieza de contenido web mientras pagues tu hospedaje, no caduca. Puedes
seguir optimizando y compartiendo en otros canales como mailing y redes
sociales.(Brainfood MKT, n.d.).

Desventajas
● Sitios web tramposos:La principal desventaja de las páginas web es que
existen aquellas que proporcionan información falsa.
● Publicidad invasiva:Se les hace incómodo a los usuarios llegar a cualquier
espacio virtual y tener que ver publicidad con contenido nada relacionado a
sus temas de interés o apilada sobre los contenidos que quiere ver.

8
 ● Limita las relaciones interpersonales:Las interacciones virtuales inhiben la
capacidad de generar relaciones interpersonales las cuales son necesarias
para el desarrollo y evolución de la sociedad.(Brainfood MKT, n.d.).
.

Web App VS Website

Característica Web App Website

Interactividad Alta interacción con el Baja o limitada

usuario interacción

Dependencia del servidor Alta (procesos y datos en Baja (principalmente

servidor) muestra contenido)

Mantenimiento Actualización en servidor Menos cambios

frecuentes

Complejidad Más compleja Menos compleja

(funcionalidades
avanzadas)

Ejemplos Gmail, Facebook, Google Blogs, páginas de

Docs noticias, sitios estáticos

Fullstack

Definición

“Un desarrollador Full Stack es un profesional versátil capaz de desenvolverse en

un desarrollador web tanto en la parte del cliente (Front End) como del servidor
(Back End). Es un perfil muy completo, con amplios conocimientos y herramientas
que le permiten afrontar cualquier fase en la construcción de un software.” (Profile,
n.d.).

Un desarrollador Fullstack es alguien que puede trabajar en todas las partes de una
aplicación web, lo que quiere decir que es alguien versátil y maneja tanto frontend
como backend.

9
Frontend
“Frontend es la parte de un programa, sitio web o dispositivo a la que un usuario
puede acceder directamente. En el contexto de diseño web y desarrollo web, se
refiere a todas las tecnologías que corren en el navegador y que se encargan de la
interactividad con los usuarios.”(Platzi, n.d.).

Frontend es la parte de una aplicación o sitio web que los usuarios pueden ver y con
la cual pueden interactuar por la cual podrán realizar pedidos o diferentes cosas
dependiendo de la app o sitio web. Es todo lo que aparece en la pantalla, como
botones, imágenes, textos y menús.

Backend

“El backend es la parte invisible pero esencial de un sitio, encargada de manejar la

lógica y el procesamiento de datos necesarios para que todo funcione de manera
correcta y segura.El backend se ocupa de tareas como almacenar y recuperar datos
de una base de datos, procesar formularios, autenticar usuarios y gestionar la
seguridad del sitio. Es responsable de toda la “magia” que sucede detrás de la
interfaz visible.”(Platzi, n.d.).

Es la parte de una aplicación o sitio web que no se ve, pero que es fundamental
para que todo funcione correctamente. Es donde ocurre toda la lógica y el manejo
de datos.

Frontend Vs Backend

"El backend se encarga de la lógica del negocio, mientras el frontend se ocupa de la

presentación y la experiencia del usuario " (Servnet, n.d.).

El frontend vendría siendo lo que el usuario puede visualizar e interactuar (botones

e imágenes, entre otras cosas) y el backend, en cambio es la parte lógica la cual se
encarga del almacenamiento de datos (datos de inicio de sesión).

10
 Bibliografía
Microsoft. (n.d.). Introducción al protocolo HTTP. Xandr. Recuperado de
https://learn.microsoft.com/es-es/xandr/industry-reference/intro-to-http
Cloudflare. (n.d.). Protocolo de transferencia de hipertexto (HTTP). Recuperado de
https://www.cloudflare.com/es-es/learning/ddos/glossary/hypertext-transfer-protocol-http/
Uptobe Marketing. (n.d.). Protocolo HTTPS: Ventajas y beneficios. Recuperado de
https://uptobemarketing.com/protocolo-https-ventajas/
Reactive Programming. (n.d.). Cliente-servidor: Estilos arquitectónicos en sistemas
distribuidos. Recuperado de
https://reactiveprogramming.io/blog/es/estilos-arquitectonicos/cliente-servidor
MDN Web Docs. (n.d.). Métodos HTTP. Recuperado de
https://developer.mozilla.org/es/docs/Web/HTTP/Methods
MDN Web Docs. (n.d.). Códigos de estado HTTP. Recuperado de
https://developer.mozilla.org/es/docs/Web/HTTP/Status
Wix. (n.d.). ¿Qué es un sitio web? Recuperado de
https://es.wix.com/blog/que-es-un-sitio-web
Kinsta. (n.d.). Arquitectura de aplicaciones web: Todo lo que necesitas saber. Recuperado
de https://kinsta.com/es/blog/arquitectura-aplicaciones-web/
Brainfood MKT. (n.d.). Conoce las ventajas y desventajas de una página web. Recuperado
de https://brainfoodmkt.com/conoce-las-ventajas-y-desventajas-de-una-pagina-web/
Profile. (n.d.). ¿Qué es un desarrollador full stack? Recuperado de
https://profile.es/blog/desarrollador-full-stack/#%C2%BFQue_es_un_desarrollador_Full_Sta
ck
Platzi. (n.d.). ¿Qué es frontend y backend? Recuperado de
https://platzi.com/blog/que-es-frontend-y-backend/

11