Evolución de la web

1991

 HTTP

El desarrollo del Protocolo de transferencia de hipertexto (HTTP) fue iniciado por Tim Berners-Lee en
el CERN en 1989. HTTP es un protocolo de aplicación para sistemas de información distribuidos,
colaborativos e hipermedia, es la base de la comunicación de datos para la World Wide Web.
Funciona como protocolo de solicitud-respuesta en el modelo computacional cliente-servidor. Un
navegador web puede ser el cliente y una aplicación que se ejecuta en una computadora que aloja
un sitio web puede ser el servidor.

1992

 HTML

El lenguaje de marcado de hipertexto (HTML) es el lenguaje de marcado estándar para crear

páginas web y aplicaciones web. Con hojas de estilo en cascada (CSS) y JavaScript, forma una
tríada de tecnologías de piedra angular para la World Wide Web. Los elementos HTML están
delineados por etiquetas, escritas con paréntesis angulares.

1994

 HTML2

Es la primera versión oficial del lenguaje informático HTML, y supone una formalización de las
anteriores versiones de HTML.

 Cookies

Es un pequeño trozo de datos que se envían desde la web y almacenados en el ordenador del
usuario por el usuario del navegador. Las cookies fueron diseñadas para ser un mecanismo
confiable para que los sitios web recuerden información con estado o para registrar la actividad de
navegación del usuario.

1995

 SSL

La Seguridad de la capa de transporte (TLS), y su antecesor ahora en desuso, la Capa de sockets

seguros (SSL), son protocolos criptográficos diseñados para proporcionar seguridad de
comunicación a través de una red de computadoras.

 JavaScript

JavaScript habilita páginas web interactivas y, por lo tanto, es una parte esencial de las
aplicaciones web. La gran mayoría de los sitios web lo utilizan, y todos los principales navegadores
web tienen un motor de JavaScript dedicado para ejecutarlo.

Características: Dinámico, Soporte universal, Imperativo y estructurada, Funcional, Delegativo

 1996

 Java

Java es un lenguaje de programación de computadora de propósito general que es concurrente,

basado en clases, orientado a objetos, diseñado específicamente para tener la menor cantidad de
dependencias de implementación posibles. Diseñado específicamente para tener la menor
cantidad de dependencias de implementación posibles.

 XML

Es un lenguaje de marcado que define un conjunto de reglas para codificar documentos en un

formato que es legible para los humanos y para la máquina, Los objetivos de diseño de XML
enfatizan la simplicidad, la generalidad y la facilidad de uso en Internet. Es un formato de datos
textuales con soporte sólido a través de Unicode para diferentes idiomas humanos.

1998

 CSS

Las hojas de estilo en cascada (CSS) son un lenguaje de hojas de estilo que se utiliza para describir
la presentación de un documento escrito en un lenguaje de marcado como HTML. Una hoja de
estilo consiste en una lista de reglas. Cada regla o conjunto de reglas consta de uno o más
selectores y un bloque de declaración. CSS permite a los autores mover gran parte de esa
información a otro archivo, la hoja de estilo, lo que resulta en un HTML considerablemente más
simple.

1999

 Ajax

Es un conjunto de desarrollo Web que usa muchas tecnologías web en el lado del cliente para
crear asíncronos aplicaciones Web. Ajax permite que las páginas web y, por extensión, las
aplicaciones web, cambien el contenido de forma dinámica sin la necesidad de volver a cargar la
página completa.

2001

 SGV

Gráficos vectoriales escalables (SVG) es un formato de imagen vectorial basado en XML para
gráficos bidimensionales con soporte para interactividad y animación. Las imágenes SVG y sus
comportamientos se definen en archivos de texto XML. Esto significa que se pueden buscar,
indexar, crear secuencias de comandos y comprimir. Como archivos XML, las imágenes SVG se
pueden crear y editar con cualquier editor de texto, así como con software de dibujo.
 2008

 HTML5

Es una pila de soluciones de software que define las propiedades y comportamientos del
contenido de la página web mediante la implementación de un patrón basado en marcado. HTML
5 incluye modelos de procesamiento detallados para fomentar implementaciones más
interoperables, amplía, mejora y racionaliza el marcado disponible para documentos, e introduce
el marcado y las interfaces de programación de aplicaciones (API) para aplicaciones web
complejas.

Aparecen diferentes métodos para la programación web:

 Arrastrar y soltar: Elementos de una página fácilmente sin utilizar apenas JavaScript.
 Aplicaciones web sin conexión AppCache: Definir archivos de páginas web para
almacenarlos en caché y poder trabajar con ellos sin conexión.
 RegisterProtocalHandler: Método que permite que los sitios web se registren a sí mismos
como posibles controladores de protocolos específicos.
 Ubicación geográfica: Permite informar a un sitio web de la ubicación geográfica de un
usuario con su consentimiento.

2009

 IndexedDB

Es una forma de almacenar datos de forma persistente dentro del navegador de un usuario.
Debido a que le permite crear aplicaciones web con capacidades de consulta completas
independientemente de la disponibilidad de la red, sus aplicaciones pueden funcionar tanto en
línea como fuera de línea.

 Gradientes CSS3: Permite generar fácilmente una imagen que pasa de forma gradual y
fluida de un color a otro.
 Transformaciones 2DCSS3: Transformar cualquier elemento de una página web (por
ejemplo, ajustarlo a una escala, girarlo y trasladarlo) sin cambiar su efecto en el diseño de
la página.
 Transformaciones 3D CSS3: Situar y transformar elementos en un espacio tridimensional.
 AnimaciónCSS3: Se trata de una forma de animar los valores de las propiedades CSS a
través del tiempo utilizando fotogramas clave.
 Web Workers: Los Web Workers permiten que las secuencias de comandos se ejecuten en
segundo plano para procesar tareas que requieren mucho trabajo desde el punto de vista
computacional sin necesidad de bloquear la interfaz de usuario ni otras secuencias de
comandos que controlan las interacciones del usuario.
 Transiciones CSS3: Permiten que se produzcan cambios de propiedades en valores de CSS
durante el tiempo especificado.
 Módulo Flexbox de CSS3: Es un modo de diseño flexible que permite diseñar y representar
páginas web y aplicaciones más complejas.
 2010

 Eventos-de-audio/video

En los navegadores modernos, agregar un video a su página es tan fácil como agregar una imagen.
Ya no necesita lidiar con plug-ins especiales o requiere un marcado de locos, puede hacerlo con un
solo elemento.

 Tipos de entrada de fecha y hora: Permiten al usuario seleccionar una fecha y una hora
para la zona horaria.
 API de FileSystem: Proporciona un API que permite que las páginas web creen, lean,
exploren y editen una sección de prueba del sistema de archivos local del usuario.

2011

 WebGL

Hace posible mostrar sorprendentes gráficos 3D en tiempo real en su navegador. A WebGL solo le
importan 2 cosas. Coordenadas clipspaciales en 2D y colores. Usted proporciona 2 "shaders" para
hacer esto. Un sombreado de vértices que proporciona las coordenadas del espacio de clips y un
sombreado de fragmentos que proporciona el color.

 Eventos de toque: Especificación HTML5 que permite que los desarrolladores creen
fácilmente aplicaciones web táctiles para superficies táctiles.
 API de pantalla completa: Esta API permite mostrar contenido web haciendo uso de toda
la pantalla del usuario.
 requestAnimationFrame: Esta función indica al navegador que debe ejecutar una
animación para que el navegador pueda programar de nuevo cambios en el color de la
ventana para el siguiente fotograma de animación
 API deWeb Audio: API de JavaScript de alto nivel que permite procesar y sintetizar el audio
de las aplicaciones web.
 Política de seguridad de contenido: Mecanismo que evita algunos de los ataques basados
en la Web más agresivos dirigidos hacia usuarios y sitios web.

2012

FiltroCSS: Los filtros son una herramienta poderosa que los autores web pueden usar para lograr
efectos visuales interesantes. Cuando un navegador carga una página web, necesita aplicar estilos,
realizar el diseño y luego renderizar la página para que haya algo que ver. Los filtros se activan
después de todos esos pasos y justo antes de que la página se copia en la pantalla. Lo que hacen
es tomar una instantánea de la página representada como una imagen de mapa de bits, luego
realizar un poco de magia gráfica en los píxeles de la instantánea y luego dibujar el resultado sobre
la parte superior de la imagen de la página original.

 WebRTC: Esta función permite a los navegadores web comunicarse en tiempo real.
 Observadores de mutaciones DOM: Este método permite a los desarrolladores reaccionar
fácilmente ante los cambios realizados en un DOM.