Anotaciones Curso de Introducción A La Web Historia y Funcionamiento de Internet

Historia de la computación
¿Cómo empezó todo?
Los seres humanos constantemente estamos buscando
mejores formas de hacer las cosas para que nuestro día
a día sea un poco más sencillo. Es por esto por lo que
constantemente estamos revolucionando e inventando
nuevas tecnologías.
.
Con forme paso el tiempo, los ábacos dejaron de ser

En el mundo de la computación, podemos decir que el
útiles, ya que se requería una mejor capacidad de
ábaco fue la primera computadora que resolvía
cálculo, Ahí aparecieron las calculadoras
operaciones de forma manual siguiendo una serie de
mecánicas que nos ayudaron a hacer cálculos más
patrones y pesos. Su invención e implementación fue
avanzados.
debido a que, en dado punto, se requería almacenar
cierta información o manejar un número grande de
operaciones.
¿Cómo funcionaba el Ábaco?
El Ábaco constaba de varias filas, cada una tenía
cierta cantidad de fichas o “cuentas” que representan
de abajo hacia arriba las unidades, decenas, centenas,
miles, etc. Dependiendo del tamaño del Ábaco. Luego llegaron las computadoras humanas que son,
como su nombre lo indica, mujeres
que “computaban” los cálculos y realizaban
operaciones matemáticas complejas. Esta fue la
primera vez que se usó el término “computadora”.
Ingeniero David Alejandro Acevedo Viera

Página 1 | ¡Error! Utilice la pestaña Inicio para aplicar Heading 1 al texto que desea que aparezca aquí.
¿Quiénes eran las computadoras?
Máquinas de cálculo
Cada vez se requería más potencia de cálculo, las
computadoras humanas no eran suficientes y, como
humanos, estaban sujetas a errores que podrían ser
muy graves, ya que principalmente se realizaban
cálculos para la NASA o para temas bélicos. Es por

La persona de la foto se llama Katherine Johnson y
esto por lo que se crearon máquinas de cálculo muy
que fue una matemática muy importante que ayudo a
grandes que ocupaban un cuarto entero y que eran
la NASA, junto con otras mujeres, a enviar
programadas por mujeres.
astronautas a la luna.
Tarjetas perforadas
El ser humano es lento, por eso se requirió de otro
El problema con las máquinas de cálculo era que su
avance que fueron los libros de cálculo, los cuales
programación era manual. Si se necesitaba hacer un
contenían fórmulas a problemas ya resueltos. A esto
cálculo similar, las programadoras debían cablear
se le conoce como la “precomputation table”.
nuevamente la máquina para resolverlo. Es allí donde
nacieron las tarjetas perforadas que consisten en
unas tarjetas con huecos que representan datos que
eran leídos por una máquina de cálculo.

Machine code
El código máquina, es básicamente el lenguaje que
entiende una máquina y que está representado por
ceros y unos. A esto se le conoce como sistema
binario.
Inputs y Outputs
Uno de los problemas que enfrentamos era generar
cálculos de forma rápida y eficiente. Para eso se

Primer lenguaje de programación
empezaron a crear máquinas que reciben información
Con estos avances, en los 50 se dio origen al primer
para realizar cálculos y que generan un resultado. A
lenguaje de programación de alto nivel llamado
esto se le conoce como inputs y outputs. Esta es la
FORTRAN, que fue desarrollado por IBM.
forma en la que nos comunicamos con las máquinas,
nosotros generamos una serie de inputs, la
computadora realiza los procesos necesarios, y luego
nos muestra los outputs de esos procesos.

Inputs 🎹
un código binario que se basa en señales de
corrientes eléctricas de diferentes capacidades.
Los inputs son datos o señales que ingresamos en un ¿Qué es el código binario?
sistema para ser procesados. Estos pueden provenir El código binario es una representación de datos o
de diferentes fuentes como el teclado, ratón, información que usa únicamente dos símbolos, el
micrófono, cámaras, escáneres, sensores, archivos de cero ”0” y el uno ”1”. Estos símbolos se conocen
texto, archivos de imagen, etc. como bits (dígito binario). Un bit es la unidad básica
de información en el código binario.
Outputs 💻
La combinación de **bits** permite representar
información más compleja. Por ejemplo, ocho bits

Los outputs son los resultados
agrupados se denominan **byte**, y un byte puede
o respuestas generadas por el sistema en respuesta
representar 256 (2^8) valores diferentes.
al procesamiento de los inputs. Estos resultados
pueden ser visualizados, almacenados o transmitidos a

En código binario, los números se representan
través de diferentes medios. Algunos outputs son la
utilizando una serie de bits. Cada bit en una posición
pantalla, altavoces, impresora, archivos de datos
determinada tiene un valor asociado, y la combinación
generados, mensajes de texto, resultados de cálculos,
de todos los bits representa un número en el sistema
etc.
binario. Además, el código binario se utiliza para
Binario
representar caracteres, instrucciones de máquina,
El lenguaje que usamos los seres humanos para
datos de archivo y cualquier otra información que
comunicarnos entre nosotros no es el mismo lenguaje
pueda expresarse en términos de encendido (1) y
que usan las máquinas. Nosotros nos comunicamos
apagado (0).
por medio de sonidos que son interpretados en
caracteres alfanuméricos. Las máquinas entienden

Byte
Un byte es una agrupación de ocho
bits consecutivos. Es la unidad de almacenamiento
fundamental en la mayoría de los sistemas
informáticos. Un byte es como ocho interruptores
consecutivos, cada uno representa un bit.
Bits y Bytes Un byte puede representar diferentes valores,
Las computadoras no entienden directamente el incluyendo caracteres, números y datos. Por ejemplo,
código binario, nosotros debemos decirle a la en el estándar ASCII, cada byte representa un
computadora que hacer por medio de un proceso carácter.
computacional. Es como si le dijéramos a un cuchillo
que corte una papa, no lo va a hacer hasta que
nosotros tomémonos el cuchillo y cortemos la papa.
Al final del día, las máquinas so herramientas que
necesitan esos inputs para poder darnos resultados.
Bits
¿Cómo se representan diferentes
Un bit es la unidad básica de información en el caracteres en la computadora?
Los caracteres se representan utilizando diferentes
sistema binario y representa un dígito que puede
sistemas de codificación de caracteres. Uno de ellos es
ser 1 o 0. Visualmente, puedes imaginar un bit como
el sistema ASCII (American Standard Code for
un interruptor que puede estar encendido (1)
Information Interchange) que es uno de los sistemas
o apagado (0).
de codificación más antiguos y ampliamente
utilizados.
.
Cada carácter en el conjunto ASCII se representa UTF-32 utiliza 4 bytes, lo que simplifica que todos los
mediante un único byte (8 bits). El conjunto ASCII caracteres se representan con la misma cantidad de
original incluye 128 caracteres, que incluyen letras bytes.
mayúsculas y minúsculas, dígitos, signos de
Este sistema es el que nos permite utilizar emojis 😋

puntuación y caracteres especiales.
que son una combinación de varios caracteres. 💚
UNICODE 😎 RGB ❤️💚 💙
Unicode es un sistema de codificación de caracteres

¿Cómo funcionan los colores?
más moderno que tiene como objetivo representar
Su funcionamiento se basa en la interacción con los
todos los caracteres utilizados en todos los sistemas de
objetos y la percepción visual. Los colores son el
escritura del mundo. Unicode utiliza más de un byte
resultado de cómo los objetos interactúan con la luz y
para representar caracteres y ofrece diferentes formas
cómo nuestros ojos y cerebro interpretan esa
de codificación, como UTF-8, UTF-16 y UTF-32.
interacción.
UTF-8 es el esquema de codificación más

Sistema aditivo (RGB)
comúnmente utilizado en la web y en sistemas
Este sistema se usa en pantallas de dispositivos
informáticos modernos. Utiliza de 1 a 4 bytes para
electrónicos, como televisores y monitores. En este
representar caracteres, según su valor.
sistema se crean colores combinando los colores
primarios rojo (Red), verde (Green) y azul (Blue).

UTF-16 utiliza principalmente 2 bytes, pero también
Esos colores se conocen como colores RGB. Cuando
puede usar 4 bytes para caracteres más raros o menos
se combinan diferentes intensidades, los colores se
comunes.
mezclan para formar diferentes tonos.
binario de 1 byte para cada subpíxel (3 bytes para 1
En un monitor, los colores están representados píxel).
por píxeles. Cada píxel se compone de pequeños
puntos de luz llamados sub píxeles, que emiten luz Por ejemplo, si queremos representar el nuevo color
roja (Red), verde (Green) y azul (Blue) en diferentes de Platzi, debemos combinar los valores R = 10, G =
intensidades. 233 y B = 138.
Algunos ejemplos de cómo se crean diferentes colores En el sistema binario, estos números serían R =
con este sistema son: 00001010, G = 11101001 y B = 10001010.
 Si todos los subpíxeles están apagados, el píxel
aparece negro.
 Si todos los subpíxeles están encendidos en su
máxima intensidad, el píxel aparece blanco.
 Si solo el subpíxel rojo está encendido, el píxel
aparece rojo.
 Si solo el subpíxel verde está encendido, el
píxel aparece verde.

¿De dónde vienen el internet?
 Si solo el subpíxel azul está encendido, el
Internet es una red global de computadoras
píxel aparece azul.
interconectadas. Su historia se remonta a la década de
1960, cuando el Departamento de Defensa de Estados

Para representar colores más complejos, se
Unidos desarrolló una red experimental llamada
utilizan combinaciones de valores RGB en una
ARPANET (Advanced Rechearch Project Agency
escala de 0 a 255 (256 valores) para cada subpíxel.
Network).
Esto significa que este sistema se basa en el sistema

ARPANET fue diseñada como una red para brindar el servicio como cable coaxial y fibra
descentralizada para asegurar la comunicación entre óptica.
instituciones y centros de investigación. Su objetivo
principal era garantizar que la información pudiera ser Los ISP construyen y mantienen una infraestructura
transferida incluso en caso de un ataque nuclear, ya de red para proporcionar acceso a internet. Esto
que ARPANET no tenía un punto central de control incluye cables, torres de comunicación y demás
que pudiera ser destruido. equipos necesarios para transmitir datos. Luego, los
ISP se conectan a una red de nivel superior, que es
En los años 70 y 80, ARPANET se expandió para una red global que interconecta ISP por medio de
incluir a otras universidades e instituciones de cables submarinos intercontinentales que permiten la
investigación. ARPANET se transformó en lo que comunicación a nivel mundial.
conocemos como Internet. Se estableció una
estructura de dominios y se crearon los primeros Internet internacional
servidores web. En la década de 1970, ARPANET se expandió para
incluir a otras universidades e instituciones de
En los años 90, se produjo un hito importante con la investigación. Se desarrollaron protocolos de
invención de la World Wide Web por Tim Berners- comunicación estándar, como el TCP/IP
Lee que introdujo un sistema de enlaces de hipertexto (Transmission Control Protocol/Internet Protocol),
que facilitaba la navegación y el acceso a la que permitieron la interconexión de redes y el
información en Internet. intercambio de información de manera eficiente.
¿Cómo llega internet a nuestras casas? Protocolos

El internet llega a nuestras casas a través de los ISP
(Internet Service Provider) como Claro, Movistar, etc.
Estas compañías utilizan una variedad de tecnologías

¿Qué es un protocolo de comunicación? Paso a paso de cómo funcionan
Es un conjunto de reglas y estándares que definen
los protocolos
cómo deben intercambiarse los datos y cómo debe
llevarse a cabo la comunicación entre los sistemas de

Modelo TCP/IP
red. Estas reglas establecen el formato de los datos,
El modelo TCP/IP (Protocolo de Control de
los procedimientos de inicio y finalización de la
Transmisión / Protocolo de Internet) es la
comunicación, y las acciones que deben tomar los
combinación y trabajo conjunto de dos protocolos:
dispositivos involucrados.
 TCP: Define como una aplicación puede
establecer un canal de comunicación a través

¿Por qué nace la necesidad de un protocolo?
de la red.
Nacen con el propósito de permitir la
 IP: Es responsable del direccionamiento y
interoperabilidad y el intercambio de información
enrutamiento del paquete para su entrega
entre diferentes dispositivos y sistemas en una red.
exitosa al destino.
Antes de su existencia, cada dispositivo o sistema
tenía su propio formato de datos y sus propias reglas

Este modelo consta originalmente de cuatro
de comunicación, lo que dificultaba la
capas (application, transport, internet y link), pero en
interoperabilidad.
la actualidad se dividió la capa “link” en dos: Data
link y Physical. También se cambia el nombre de la

A lo largo del tiempo se han desarrollado muchos
capa “Internet” a “Network”.
protocolos de comunicación para diferentes
necesidades. Uno de estos es el TCP/IP (Transmission
Control Protocol/Internet Protocol), que permite la
interconexión de redes y el intercambio de
información.

Application Layer conexión. Se utiliza cuando la entrega rápida
Esta capa se encarga de las aplicaciones y es más importante que la confiabilidad. Los
servicios específicos que utilizan la red. datos se envían en datagramas sin establecer
Incluye protocolos y servicios como el HTTP y una conexión previa ni verificar la entrega.
HTTPS para la web, SMTP para el correo electrónico,
FTP para la transferencia de archivos, DNS para la Network Layer
resolución de nombres, entre otros. Esta capa se encarga de la transmisión de los
paquetes de datos a través de la red.
Transport Layer Utiliza direcciones IP para identificar los dispositivos
Esta capa es responsable de la entrega confiable de y los paquetes se enrutan a través de la red utilizando
los datos de extremo a extremo. Utiliza protocolos de enrutamiento, como el ICMP y RIP.
principalmente dos protocolos: TCP y UDP. Además, esta capa proporciona la fragmentación y
reensamblaje de los paquetes para su transporte
 TCP (Transmission Control Protocol): eficiente.
Proporciona una comunicación confiable y
orientada a la conexión. Se encarga de Data Link Layer
la segmentación y reensamblaje de los datos Esta capa se ocupa de la transmisión física de los
en segmentos, establecimiento y cierre de datos a través de un medio de red específico, como
conexiones, control de flujo y control de Ethernet o wifi. Esta capa encapsula los datos en
congestión. Garantiza que los datos lleguen sin tramas o paquetes y se encarga de la detección y
errores y en el orden correcto, pero puede tener corrección de errores en la transmisión. También
una mayor latencia debido a la verificación y gestiona el acceso al medio y las direcciones físicas
la entrega confiable. (MAC) de los dispositivos en la red.
 UDP (User Datagram Protocol): Proporciona
una comunicación no confiable y sin

Physical Layer conectividad a Internet a través de diferentes
La capa física define el** cableado y la energía** (por tecnologías y medios de transmisión, como líneas
ejemplo, señales eléctricas) que fluyen por los telefónicas, cable coaxial, fibra óptica, conexiones
cables. Convierte datos binarios en señales y inalámbricas o satelitales. Estos servicios de conexión
transmite a través de los medios locales. Existen a Internet pueden ser ofrecidos tanto a
algunas reglas y convenciones cuando se envían datos nivel residencial como empresarial.
por cable; sin embargo, esas reglas existen en la capa
de enlace de datos del modelo TCP/IP. Además de ofrecer conectividad, también pueden
proporcionar servicios como direcciones IP, correo
electrónico, alojamiento web, servicios de seguridad,
telefonía digital, televisión por cable, streaming de
contenido, entre otros.
¿Cómo funcionan los ISP?
Los ISP están conectados a una o más líneas de
internet de alta velocidad. Los ISP más grandes
tienen sus propias líneas arrendadas de alta velocidad,
¿Qué es un ISP? por lo que dependen menos de los servicios de
Un ISP (Internet Service Provider), es una compañía telecomunicaciones y pueden brindar un mejor
que suministra acceso a internet y otros servicios a servicio a sus clientes.
individuos y organizaciones. Esta compañía
implementa y mantiene la infraestructura necesaria Los ISP se agrupan en tres niveles:
para suministrar esos servicios.
 Tier 1 ISP: Tienen un alcance global y poseen
El papel principal de un ISP es proporcionar suficientes líneas de red física para transportar

la mayor parte del tráfico por su cuenta. Los entienden. El DNS permite asociar un nombre de
ISP de nivel 1 no dependen de otros ISP para dominio, como “platzi.com”, con la dirección IP
alcanzar cualquier destino en Internet. correspondiente, como “104.17.175.85”.
 Tier 2 ISP: Son proveedores que se conectan
con ISP de nivel 1 y otros ISP de nivel 2 para El DNS nace para facilitar la navegación en internet.
acceder a Internet. Aunque no tienen la misma En lugar de tener que recordar un número complicado
infraestructura y alcance global que los ISP de como la IP, podemos usar nombres de dominio más
nivel 1, los ISP de nivel 2 suelen ofrecer fáciles de recordar. El DNS se diseñó para resolver el
conectividad a regiones geográficas problema de escalabilidad y la facilidad de uso al
específicas y tienen acuerdos de interconexión proporcionar una forma organizada y jerárquica de
con otros ISP para expandir su cobertura. asignar nombres a direcciones IP.
 Tier 3 ISP: Son proveedores de servicios
regionales o locales que se conectan con ISP ¿Cómo funciona el DNS?
de nivel 2 o nivel 1 para acceder a Internet. Se basa en una estructura jerárquica y distribuida que
Estos ISP tienen un alcance más limitado y consta de diferentes tipos de servicios. Su
suelen operar en una región geográfica comportamiento es el siguiente:
específica. Proporcionan servicios de acceso a  Consulta DNS: Cuando el usuario ingresa un
Internet a usuarios y empresas en esa región y nombre de dominio en el navegador, como
pueden tener acuerdos de interconexión con “platzi .com”, el sistema operativo envía una
otros ISP para ampliar su cobertura. consulta DNS a un servidor DNS.
 Resolución en caché local: El servidor DNS
¿Qué es DNS? local (como el suministrado por el ISP)
El DNS (Domain Name System) es un sistema que se verifica si tiene la respuesta en su caché. Si ha
utiliza para traducir los nombres de dominio legibles resuelto previamente ese DNS, puede devolver
por nosotros, en direcciones IP que las computadoras

la dirección IP almacenada sin tener que hacer El primer desarrollador web
más consultas. Este título se le atribuye a Tim Berners-Lee quien es
 Consulta a servidores DNS root: Si el servidor un científico de la computación británico, quién es
DNS local no tiene la respuesta en su caché, ampliamente reconocido como el inventor de la
envía una consulta a los servidores DNS de World Wide Web (WWW) y el creador del primer
nivel superior o servidores de raíz para obtener sitio web.
información sobre el dominio solicitado. Estos
servidores no tienen información detallada En 1989, Tim Berners-Lee trabajaba en el CERN
sobre los DNS, pero pueden dirigir la consulta (Organización Europea para la Investigación
al servidor responsable del dominio de nivel Nuclear) dónde desarrollo un sistema para compartir
superior (como .com o .org). información y documentos científicos
 Respuesta del servidor DNS root: El servidor utilizando hipertexto. Este sistema se convirtió en la
DNS autoritativo responde al servidor local base del World Wide Web.
con la IP correspondiente al nombre de
dominio solicitado. En 1990, Berners-Lee implementó el primer sitio web
 Respuesta al usuario: El servidor local recibe llamado “info. cern. ch”, que se convirtió en
la respuesta almacenada en su caché para el primer sitio web accesible públicamente. Este
futuras consultas. Luego, envía la IP al sitio consistía en páginas estáticas que proporcionaban
dispositivo del usuario para establecer una información sobre el proyecto WWW.
conexión con el servidor web correspondiente.
Este sitio fue creado con HTML (HyperText Markup
Language) para la estructura del contenido y HTTP
(Hypertext Transfer Protocol) para la transferencia de
datos entre el servidor web y los clientes. No existían
elementos visuales complejos o diseño gráfico, ya que

su enfoque principal estaba en la estructura y
accesibilidad de la información. Internet Explorer (1995): Lanzado
por Microsoft como parte del sistema
Web Browser operativo Windows, se convirtió en uno de los
Los navegadores web desempeñan un papel navegadores más utilizados debido a
fundamental en la navegación y el acceso a Internet. su integración con Windows y su amplia distribución.
Han experimentado un desarrollo significativo a lo Durante años, fue el navegador dominante en el
largo de los años, impulsando la evolución de la web mercado.
y mejorando la experiencia de los usuarios.
Safari (2003): Desarrollado por Apple, se introdujo
NCSA Mosaic (1993): Desarrollado por el National como el navegador predeterminado en los
Center for Supercomputing Applications (NCSA), dispositivos macOS e iOS. Se destacó por
es considerado uno de los primeros navegadores su rendimiento y su enfoque en la integración con
web ampliamente utilizados. Introdujo características otros productos de Apple.
como la visualización de imágenes y la capacidad de
mostrar texto y gráficos en la misma página. Mozilla Firefox (2004): Creado por la Fundación
Mozilla, se destacó por su enfoque en la seguridad,
Netscape Navigator (1994): Desarrollado la personalización y el cumplimiento de los
por Netscape Communications Corporation, fue estándares web. Ganó popularidad por
uno de los navegadores más populares en los primeros su velocidad y capacidad de extensión, y se
días de la web. Introdujo características como convirtió en una alternativa a Internet Explorer.
las pestañas de navegación, el soporte para lenguajes
de programación como JavaScript y la posibilidad de Google Chrome (2008): Desarrollado por Google, se
reproducir contenido multimedia. lanzó con un enfoque en la velocidad,
la simplicidad y la estabilidad. Rápidamente, ganó

popularidad y se convirtió en uno de los  HTML (HyperText Markup Language_): Es
navegadores más utilizados debido a su rendimiento el lenguaje de marcado utilizado para
y la integración con los servicios de Google. estructurar el contenido de las páginas web.
 CSS (Cascading Style Sheets): Es el lenguaje
¿Qué es el W3C? utilizado para describir la presentación y el
El W3C (World Wide Web Consortium) es un estilo visual de las páginas web.
consorcio internacional que se dedica a establecer  XML (eXtensible Markup Language): Es un
estándares abiertos para la web y promover su lenguaje de marcado utilizado para estructurar
desarrollo y evolución. Fue fundado en 1994 por Tim datos de manera legible tanto para humanos
Berners-Lee, el inventor del World Wide Web, y como para máquinas.
tiene como objetivo principal garantizar  DOM (Document Object Model): Es una
la interoperabilidad y el crecimiento continuo de la interfaz de programación que permite el
web. acceso y la manipulación de los elementos de
una página web.
El W3C trabaja en colaboración con organizaciones,  SVG (Scalable Vector Graphics): Es un
empresas y la comunidad web en general formato de imágenes vectoriales que permite
para desarrollar y mantener estándares técnicos que representar gráficos escalables y animaciones
aseguren la calidad, accesibilidad y usabilidad de la en la web.
web. Estos estándares cubren una amplia gama de El W3C también se dedica a la educación y
áreas, incluyendo lenguajes de marcado (HTML, promoción de las mejores prácticas web, así como a
XML), hojas de estilo (CSS), accesibilidad, semántica la creación de herramientas y recursos para ayudar a
web, seguridad, multimedia y muchos otros aspectos los desarrolladores a cumplir con los estándares y
relacionados con la web. hacer que sus sitios web sean más accesibles y
Algunos de los estándares más conocidos eficientes.
desarrollados por el W3C incluyen:

Evolución del protocolo HTTP el concepto de cabeceras HTTP para petición
HTTP (HyperText Transfer Protocol) es el protocolo y respuesta permitiendo la transmisión de
que se usa para la transferencia de datos entre el metadatos. Con el uso de cabeceras HTTP, se
servidor web y los clientes. Ha evolucionado, desde pudieron transmitir otros documentos como
un protocolo para el intercambio de archivos en un imágenes.
laboratorio, al actual laberinto de Internet, sirviendo  HTTP/1.1 - El protocolo estándar: Lanzado
ahora para el intercambio de imágenes, videos en HD en 1997, agregando mejoras en la gestión de
y en 3D. la conexión y el caché, así como soporte para
Evolución de HTTP peticiones pipelining y host virtuales. Este
 HTTP/0.9 - El protocolo de una sola protocolo fue evolucionando en dos versiones
línea: Lanzado en 1991, consistía en lanzadas en 1999 y 2014 (previsión de
una petición de una sola línea por medio del HTTP/2).
único método posible GET, seguido por la  HTTP/2 - Un protocolo para un mayor
dirección del recurso a pedir. Esta versión no rendimiento: Estandarizado de manera oficial
usaba cabeceras HTTP, por eso solo se podían en 2015, este protocolo binario no se puede
transmitir archivos HTML. Tampoco había leer directamente, ni crear manualmente.
información de error, en caso de un problema, Gracias a este cambio es posible utilizar
el archivo HTML era devuelto con una técnicas de optimización. Es un protocolo
descripción del error dentro de él para su multiplexado con peticiones paralelas sobre la
análisis manual. misma conexión, no está sujeto a un orden de
 HTTP/1.0 Desarrollando expansibilidad: los mensajes. Comprime las cabeceras, ya
Lanzado en 1996, en esta versión se añade la que son similares en un grupo de peticiones.
versión HTTP/1.0 a la línea de la Métodos de HTTP
petición GET. También se envía un código de HTTP define un conjunto de métodos de
estado al comienzo de la respuesta. Se presenta petición para indicar la acción que se desea realizar

para un recurso determinado. Aunque estos también  TRACE: Este método realiza una prueba de
pueden ser sustantivos, estos métodos de solicitud a bucle de retorno de mensaje a lo largo de la
veces son llamados HTTP verbs. ruta al recurso de destino.
 GET: Este método solicita una representación  PATCH: Este método se usa para aplicar
de un recurso específico. Las peticiones que modificaciones parciales a un recurso.
usan este método solo deben recuperar datos. HTTPS

 HEAD: Este método pide una respuesta HTTPS (HTTP Secure) es una versión encriptada del
idéntica a la de una petición GET, pero sin el protocolo HTTP. Normalmente, utiliza SSL o TLS
cuerpo de la respuesta. para cifrar toda la comunicación entre un cliente y un
 POST: Este método se utiliza para enviar una servidor. Esta conexión segura permite a los clientes
entidad o recurso en específico, causando a intercambiar datos confidenciales de forma segura con
menudo un cambio en el estado o efectos un servidor, por ejemplo, para actividades bancarias o
secundarios en el servidor. compras en línea.
 PUT: Este método reemplaza todas las Actualmente, los navegadores nos informan si la
respuestas actuales del recurso de destino con página a la que estamos intentando acceder es segura
la carga útil de la petición. por medio de un mensaje de alerta si no lo es y un
 DELETE: Este método borra un recurso en candado si es segura.
específico.
Estándares web: navegadores
 CONNECT: Este método establece un túnel
La guerra de los navegadores
hacia el servidor identificado por el recurso.
En 1995, Netscape Navigator era la única forma de
 OPTIONS: Este método se utiliza para
conectarse. Microsoft obtuvo la licencia del antiguo
describir las opciones de comunicación para el
código de Mosaic y construyo Internet Explorer.
recurso de destino.
Esto empezó una guerra por el dominio del acceso a
internet, donde cada empresa creo nuevas versiones de
sus programas.

Netscape creó y lanzó JavaScript, que dio a las mayoría utiliza el motor de Google Chrome
páginas web potentes posibilidades. Microsoft llamado Chronium.
contraatacó con Cascading Style Sheets (CSS), qué Estándares Web: HTML, CSS y
se convirtió en el estándar para el diseño de páginas
JavaScript
web.
Los estándares de la web son las tecnologías que
En 1997, Microsoft lanzo Internet Explorer 4.0. El
utilizamos para crear sitios web. Estos estándares
equipo construyo una “e” gigante y la puso en el
existen como extensos documentos técnicos
césped de la sede de Netscape. El equipo de Netscape
llamados especificaciones, que detallan exactamente
la derribo y puso encima su mascota, el
como debería funcionar la tecnología. Estos
dinosaurio Mozilla.
documentos están pensados para que los utilicen
Microsoft empezó a distribuir Internet Explorer con su
los ingenieros de software para implementar esas
sistema operativo Windows. En 4 años, obtuvo
tecnologías.
el 75% del mercado y en 1999 tenía el 99%.
HTML (HyperTex Markup Language), es el
Netscape decidió abrir su código fuente y creó la
lenguaje de marcado que consta de diferentes
organización sin ánimo de lucro Mozilla, que luego
elementos en los que puedes ajustar (marcar) el
creó y lanzo Firefox en 2002. Para 2010, Mozilla
contenido para darle significado (semántica) y
Firefox, Google Chrome, Safari y otros navegadores
estructura.
habían reducido la participación de mercado de
Si adoptamos una analogía de la construcción de
Internet Explorer al 50%.
casas, HTML sería como los cimientos y las
En la actualidad, la gran mayoría de usuarios solo
paredes de la casa, que le dan estructura y la
usan estos navegadores en dispositivos
mantienen unida.
móviles debido al fácil acceso. A su vez, los
CSS (Cascading Style Sheets) es un lenguaje basado
navegadores cuentan con un motor que gestiona toda
en reglas que se utilizan para aplicar estilos a tu
la interacción entre la web y el usuario. La gran
HTML, como establecer colores del texto y del fondo,
agregar bordes, animar cosas o diseñar una página de

cierta manera. La Web moderna: ¿dónde
En la analogía de la casa, CSS es como la pintura, el
estamos?
papel tapiz, las alfombras y los cuadros que usarías
En la actualidad, la web ha experimentado una
para hacer que la casa se vea bien.
evolución significativa y se ha convertido en una parte
JavaScript es el lenguaje de programación que
integral de nuestras vidas. Algunos aspectos clave que
usamos para agregar interactividad a los sitios web,
reflejan el estado actual de la web son:
desde el cambio de estilo dinámico, hasta la obtención
 Web interactiva y rica en contenido: Los
de actualizaciones desde el servidor, pasando por
avances en tecnologías web,
gráficos complejos en 3D.
como HTML5, CSS3 y JavaScript, han
En la analogía de la casa, JavaScript es como la
permitido crear sitios web dinámicos,
cocina, el televisor, el microondas o la secadora de
interactivos y visualmente atractivos.
pelo. Son las cosas que le dan una funcionalidad útil
 Dispositivos móviles y web responsive: El
a tu casa.
auge de los dispositivos móviles ha llevado a
Web Assembly una web adaptada a diferentes tamaños de
Web Assembly es un nuevo tipo de código que pantalla y capacidades de interacción. Los
puede ser ejecutado en navegadores modernos. Es un sitios web responsivos se han vuelto
lenguaje de bajo nivel, similar al lenguaje indispensables para garantizar una experiencia
ensamblador, con un formato binario compacto que se óptima en dispositivos móviles, tabletas y
ejecuta con rendimiento casi nativo y provee otros dispositivos con pantallas de diferentes
un objetivo de compilación para lenguajes tamaños.
como C/C++ y Rust que les permite correr en la web.  Contenido multimedia y streaming: La web
También está diseñado para correr a la par de actual ofrece una amplia gama de contenido
JavaScript, permitiendo que trabajen juntos. multimedia, como videos en línea, música en
streaming y juegos en línea. Plataformas de
streaming como YouTube, Netflix y Spotify se

han vuelto populares y han transformado la de protección de datos, como el Reglamento
forma en que consumimos y General de Protección de Datos (GDPR) en
compartimos contenido en la web. la Unión Europea, han llevado a una mayor
 Redes sociales y colaboración: Las redes conciencia sobre la privacidad en línea.
sociales han tenido un impacto significativo en Además, se han desarrollado técnicas y
la web. Plataformas como Facebook, Twitter, estándares de seguridad para proteger la
Instagram y LinkedIn han facilitado la información y mitigar los riesgos
conexión, la comunicación y la de ciberseguridad.
colaboración entre las personas.  Web semántica y datos enlazados: La web
Las interacciones sociales y el intercambio semántica busca proporcionar significado y
de contenido se han convertido en elementos contexto a los datos en línea. Los conceptos
clave de la experiencia web. como los datos enlazados (Linked Data) y los
 Inteligencia artificial y asistentes estándares de vocabulario, como RDF
virtuales: La inteligencia artificial (IA) y los (Resource Description Framework), permiten
asistentes virtuales, como Siri, Google la interconexión y el intercambio de datos
Assistant, Alexa, ChatGPT, entre otros, están estructurados en la web, lo que facilita
cambiando la forma en que interactuamos con la integración y el descubrimiento de
la web. La IA se utiliza para personalizar la información.
experiencia del usuario, ofrecer La Web Moderna: IoT, Machine

recomendaciones, realizar búsquedas
Learning e IA
inteligentes y brindar respuestas instantáneas
 Internet de las cosas (IoT): El Internet de las
a través de chatbots y asistentes virtuales.
cosas se refiere a la interconexión de
 Privacidad y seguridad: La privacidad y la
dispositivos físicos que van más allá de las
seguridad en la web se han convertido en
computadoras y los teléfonos inteligentes, y
temas de gran importancia. Las regulaciones
que están equipados con sensores y capacidad

de comunicación. Estos dispositivos pueden inteligencia humana, como el razonamiento, la
recopilar datos, intercambiar información y comprensión del lenguaje natural, la toma de
tomar decisiones automatizadas. La web decisiones y el reconocimiento de patrones. En
moderna permite que estos dispositivos se la web moderna, la IA se utiliza para mejorar
conecten y comuniquen entre sí a través de la la experiencia del usuario, ofrecer asistentes
infraestructura de Internet, lo que crea nuevas virtuales, realizar análisis de datos avanzados,
oportunidades en áreas como el hogar automatizar procesos y optimizar la eficiencia
inteligente, la salud, la industria y la logística. en diversas áreas.
 Aprendizaje automático (Machine  Despliegue de 5G: Se refiere a la quinta
Learning): El aprendizaje automático es una generación de redes móviles que abre nuevas
rama de la inteligencia artificial que se centra posibilidades en términos de conectividad
en desarrollar algoritmos y modelos que masiva, velocidad, ancho de banda y
permiten a las máquinas aprender y mejorar capacidad de respuesta a una latencia ultra baja
automáticamente a partir de datos sin ser y aplicaciones de realidad virtual (RV) y
programadas explícitamente. En la web aumentada (RA).
moderna, el aprendizaje automático se utiliza ¿Cómo funciona el navegador?

en diversas aplicaciones, como la La función más importante del navegador web es
personalización de contenidos, la detección de aceptar una URL a través de la barra de direcciones,
fraudes, el reconocimiento de voz y rostro, la buscar recursos y mostrarlos en pantalla.
traducción automática y la recomendación de
productos.
 Inteligencia Artificial (IA): La inteligencia
artificial se refiere a la capacidad de las
máquinas para simular el comportamiento
humano y realizar tareas que requieren

¿Qué es CSSOM?
¿Qué es el DOM? El CSSOM (CSS Object Model) es una API
Es una interfaz de programación que comprende
(Application Programming Interface) que permite
páginas web (nodos) que son etiquetas HTML
acceder y manipular dinámicamente los estilos y
como <html>, <meta>, <title>, <body> y <footer>,
reglas CSS de una página web mediante código
semánticas y no semánticas y otros objetos de nodos.
JavaScript. Proporciona una interfaz programática
El DOM, que es un estándar W3, representa las
para interactuar con las propiedades y valores CSS de
páginas web como una estructura de nodos en forma
los elementos HTML de manera más dinámica y
de árbol, conocida como documentos.
controlada.
Estructura DOM o DOM Tree
Estructura del CSSOM
El DOM existe en una estructura jerárquica similar
La creación del CSSOM se genera como el DOM,
a un árbol, donde cada elemento web que compone el
pero con algunas diferencias. Este modelo recorre
documento se puede considerar como un nodo, es
todo el DOM en búsqueda de reglas de CSS como
decir, las etiquetas del elemento, el atributo asignado
clases, identificadores y estilos. A partir de esto,
al elemento, el comentario, el contenido del texto y el
empieza a generar su estructura.
documento también es un nodo.

El layout utiliza la información del Rendering Tree
para determinar el diseño siguiendo estos pasos:
 El navegador asigna tamaño a cada elemento
en el Rendering Tree.
 El navegador determina la posición de los
elementos con relación a sus elementos padre
y hermanos.
Render Tree
 Se aplican reglas de posicionamiento y
Una vez que tengamos todo el CSSOM y DOM ya
escalado para determinar la posición final en
cargados, se genera el Render Tree con los únicos
pantalla.
nodos visibles relacionados. Es una unión de los dos
Este proceso puede causar un gran impacto en el
pasos anteriores que relaciona la estructura de HTML
rendimiento de una página, especialmente en
con los estilos de CSS.
dispositivos móviles.
Painting
Es el proceso en el que el navegador dibuja los
elementos de la página en pantalla. Aquí, el
navegador dibuja cada elemento en una capa de
pintura independiente, luego se combinan para crear
una sola imagen final que se muestra en pantalla.
Layout JS Engine
Es el proceso que determina la posición y el Este subsistema analiza el código en JavaScript y lo
tamaño de cada elemento en una página web. Este le traduce a lenguaje máquina. Estos motores de JS
permite al navegador dibujar los elementos en pantalla pueden ser intérpretes estándar, o compiladores JIT
de forma correcta. (Just inTime). Uno de los motores más populares es el
motor Google V8 que está escrito en C++.

Este motor incluye dos componentes:
 Memory heap que es dónde se almacenan
variables, funciones y otros elementos de JS.
 Call Stack que es una cola de marcos de pila o
pasos secuenciales ejecutados por el
navegador.
Algunos subprocesos de este motor son:
 Obtener, compilar y ejecutar código
 Un hilo de creación de perfiles para analizar
funciones y su consumo de tiempo.
 Optimización del proceso de ejecución.
 Recolectores de basura.


Anotaciones Curso de Introducción A La Web Historia y Funcionamiento de Internet

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Anotaciones Curso de Introducción A La Web Historia y Funcionamiento de Internet

Cargado por

Copyright:

Formatos disponibles

Historia de la computación

¿Cómo empezó todo?

Los seres humanos constantemente estamos buscando

mejores formas de hacer las cosas para que nuestro día

a día sea un poco más sencillo. Es por esto por lo que

constantemente estamos revolucionando e inventando

Con forme paso el tiempo, los ábacos dejaron de ser

cierta información o manejar un número grande de

¿Cómo funcionaba el Ábaco?

El Ábaco constaba de varias filas, cada una tenía

cierta cantidad de fichas o “cuentas” que representan

de abajo hacia arriba las unidades, decenas, centenas,

como su nombre lo indica, mujeres

que “computaban” los cálculos y realizaban

operaciones matemáticas complejas. Esta fue la

primera vez que se usó el término “computadora”.

Ingeniero David Alejandro Acevedo Viera

Cada vez se requería más potencia de cálculo, las

computadoras humanas no eran suficientes y, como

humanos, estaban sujetas a errores que podrían ser

muy graves, ya que principalmente se realizaban

cálculos para la NASA o para temas bélicos. Es por

nacieron las tarjetas perforadas que consisten en

unas tarjetas con huecos que representan datos que

eran leídos por una máquina de cálculo.

Ingeniero David Alejandro Acevedo Viera

El código máquina, es básicamente el lenguaje que

entiende una máquina y que está representado por

ceros y unos. A esto se le conoce como sistema

cálculos de forma rápida y eficiente. Para eso se

nosotros generamos una serie de inputs, la

computadora realiza los procesos necesarios, y luego

nos muestra los outputs de esos procesos.

Ingeniero David Alejandro Acevedo Viera

corrientes eléctricas de diferentes capacidades.

de información en el código binario.

información más compleja. Por ejemplo, ocho bits

pueden ser visualizados, almacenados o transmitidos a

caracteres alfanuméricos. Las máquinas entienden

Ingeniero David Alejandro Acevedo Viera

Un byte es una agrupación de ocho

bits consecutivos. Es la unidad de almacenamiento

fundamental en la mayoría de los sistemas

informáticos. Un byte es como ocho interruptores

consecutivos, cada uno representa un bit.

Bits y Bytes Un byte puede representar diferentes valores,

computadora que hacer por medio de un proceso carácter.

computacional. Es como si le dijéramos a un cuchillo

que corte una papa, no lo va a hacer hasta que

nosotros tomémonos el cuchillo y cortemos la papa.

Al final del día, las máquinas so herramientas que

necesitan esos inputs para poder darnos resultados.

original incluye 128 caracteres, que incluyen letras bytes.

mayúsculas y minúsculas, dígitos, signos de

Este sistema es el que nos permite utilizar emojis 😋

que son una combinación de varios caracteres. 💚

UNICODE 😎 RGB ❤️💚 💙

Unicode es un sistema de codificación de caracteres

UTF-8 es el esquema de codificación más

primarios rojo (Red), verde (Green) y azul (Blue).

En un monitor, los colores están representados píxel).

por píxeles. Cada píxel se compone de pequeños