Tecnologías Web: HTML, URL y HTTP

Tema 2. Revisión de Tecnologías Web

• Se revisan las tecnologías web

Contenido

• Se abarcan temas como World Wide Web, programación frontend y backend, bases de datos, sistemas manejadores de contenidos, hosting y dominio, máquinas virtuales, Docker, computación en la nube y balanceadores de carga.

World Wide Web

• Es uno de los servicios más populares de Internet.
• Permite acceder a millones de páginas con texto, imágenes e hiperenlaces.
• Su arquitectura lógica se basa en HTML (lenguaje de marcas), URL (localizador universal de recursos) y HTTP (protocolo de comunicación).

Lenguaje HTML

• HTML es un lenguaje de marcas.
• HTML es la base de las páginas web.

URL

• Es un localizador universal de recursos
• Permite identificar recursos en Internet.

HTTP

• El protocolo de transferencia de hipertexto (HTTP) es el protocolo usado en cada transacción de la Web.
• Define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web para comunicarse.

Servidores Web

• Son computadoras en Internet que sirven páginas web a petición.
• Deben tener un programa ejecutándose como servidor web, como Apache, Internet Information Server (IIS) o nginx.
• Estos programas escuchan en un puerto de la máquina, normalmente el 80, las peticiones HTTP de los clientes.

Apache

• Es un servidor web HTTP de código abierto para plataformas Unix, Microsoft Windows, Macintosh y otras.
• Implementa el protocolo HTTP/1.12.
• Es un software libre.
• Corre en NetBSD, Digital UNIX, AIX, OS/2, Windows 3.x, SCO, HPUX, Novell NetWare, Macintosh, Be OS, Windows NT, Linux, VMS, AS/400, Windows 95/98, FreeBSD, IRIX, Solaris.

Internet Information Server

• Internet Information Services o IIS es un servidor web para el sistema operativo Microsoft Windows.
• A diferencia de Apache y Nginx, IIS no divide la carga de trabajo en subprocesos, sino que usa un modelo de proceso único.
• Su arquitectura modular facilita la gestión y adición de funciones, con soporte para protocolos como HTTP/HTTPS, FTP/FTPS, SMTP y NNTP, así como SSL y Kerberos entre otros.

Nginx

• Es un software de servidor web de código abierto bajo licencia BSD.
• En la actualidad también funciona como proxy inverso y balanceador de carga.
• Sirve como proxy de correo electrónico para IMAP, POP3 y SMTP.
• Fue lanzado oficialmente en octubre de 2004 y su creador es Igor Sysoev.
• El proyecto comenzó en 2002, para solucionar el problema C10k.
• La última versión es nginx-1.18.0

Características de Nginx

• Sirve como proxy inverso y servidor de caché.
• Tiene balanceo de carga inteligente y tolerancia a fallos.
• Ofrece alta disponibilidad y escalabilidad asegurada.
• Soporte para FastCGI y FastCGI Cache.
• Compatibilidad con IPv4 e IPv6.
• Soporta HTTP, SPDY, QUICK y HTTP2.
• Soporte para HTTPS con certificados SSL.
• Permite hosts virtuales basados en IPs.
• Streaming nativo con módulo RTMP, MP4 y FLV.
• Acepta compresión Gzip y Brotli.
• Puede manejar más de 10 mil conexiones concurrentes.
• Proxy para SMTP, POP3 e IMAP con soporte SSL.

Nginx vs. Apache

• En popularidad, Nginx y Apache están casi empatados, aunque Apache tiene mayor apoyo de la comunidad de código abierto.
• Ambos servidores web tienen buenas políticas de seguridad y publican parches para evitar ataques DDos.
• Nginx responde mejor a las solicitudes de los clientes gracias a su gestión de subprocesos y basado en eventos, consumiendo menos memoria RAM.
• Apache es más flexible y personalizable, admitiendo más de 60 módulos diferentes y la herramienta .htaccess.

Clientes Web

• Computadoras u otros dispositivos conectados a Internet con un programa para realizar peticiones HTTP y mostrar las páginas HTML devueltas.
• Habitualmente son PCs con navegadores como Internet Explorer, FireFox, Opera o Safari.
• También pueden ser asistentes personales digitales (PDA), teléfonos móviles o electrodomésticos.

Programación Frontend

• El frontend es la parte de un programa o dispositivo a la que un usuario puede acceder directamente.
• Son las tecnologías de diseño y desarrollo web que corren en el navegador y se encargan de la interactividad con los usuarios.

Funcionamiento del Web

• Se utilizan particiones HTTP
• Se utiliza servidores DNS y Web
• Los clientes envían y reciben peticiones HTTP.

Lenguajes de programación del lado del cliente

• HTML
• CSS
• JavaScript

Lenguaje HTML (Características)

• HTML es un lenguaje estático basado en etiquetas.
• El estándar lo define el W3C (World Wide Web Consortium).
• Es interpretado.
• Tiene extensiones de archivos .html o .htm.

Lenguaje HTML (Ventajas y Desventajas):

• Ventajas: texto estructurado, archivos pequeños, fácil aprendizaje y compatible en todos los exploradores.
• Desventajas: estático, interpretación diferente según el navegador y exceso de etiquetas.

Hojas de Estilo en Cascada (CSS)

• CSS permite separar el contenido de la presentación.