A la derecha hay rectas y triangulares conectadas todas, en representación de lo que hace un navegador web

¿Qué es un navegador web y cómo se relaciona con las PWA?

Temas relacionados

Comparte este artículo

Share on facebook
Share on twitter
Share on pinterest
Share on linkedin

La mejor forma de conocer el mundo es hacer amistad con el mundo. Existe una conexión entre nuestro destino personal y la presencia de miles de personas y cosas de cuya existencia no sabíamos o no sabemos nada y que pueden influir, de hecho influyen, del modo más asombroso, en nuestra vida y su desarrollo, de tal forma que, al menos por nuestro propio interés deberíamos esforzarnos en conocer no sólo lo que está aquí sino también lo que está allá, en algún lugar a gran distancia en nuestro planeta. 
Ryszard Kapuściński.

¿Hay alguna conexión entre Gutenberg y un navegador web? A primera vista pareciera que no, pero si nos fijamos en los medios que usamos para leer, puede que encontremos algo. Por ejemplo, antes de Gutenberg, no estábamos tan conectados como lo estuvimos durante y después del Renacimiento. 

En ese entonces fue la tinta, el papel, los tipos móviles y otras herramientas las que hicieron posible la masificación de los libros y, con ello, un aumento de la lectura. Después de tantos siglos estamos comenzando a abandonar la lectura de documentos en papel para leerlos en un navegador web. ¿Cuál es la diferencia?

Para responder a esta pregunta conversaremos sobre los navegadores web, por dónde navegan, para qué sirven y por qué tienen ese nombre. También veremos un poco de su historia y cómo se han convertido en nuestro medio favorito para leer sobre lo que nos interesa.

¿Qué es un navegador web?

Imagina que vas a Tailandia con un amigo. El sabe tailandés y no conoce el país mientras que tú ni hablas el idioma ni sabes mucho del lugar. Eventualmente, van a necesitar comunicarse con alguien de allí, ¿cierto? Para efectos de nuestro ejercicio de imaginación, supongamos que todos los habitantes de Tailandia solo hablan tailandés.

Según la situación, será necesario contratar un guía. Como tu amigo es el único bilingüe, tendrás que comentarle la información que necesitas para que la pida al guía y te la traduzca. De esta manera, tu amigo hará de puente entre tú y el tailandés cada vez que hagas alguna pregunta.

¿Por qué todo este cuento? Porque será más fácil explicar lo que es un navegador web. En nuestro ejemplo, tú serías el usuario que navega la web; tu amigo sería el navegador y el guía tailandés es el servidor web.

Así las cosas, podemos decir que un navegador web es un software, aplicación o programa que interpreta la información de distintos tipos de archivos que se encuentran en una red para que pueda ser vistos por el usuario.

En otras palabras, los navegadores interpretan nuestro lenguaje y lo presentan al servidor según comandos que este puede leer y regresa una respuesta que recibe el navegador. A su vez, traduce tal información y nos la muestra en la ventana del sitio web.

Sin el navegador web no podríamos comunicarnos con el servidor. Lo mismo sería decir que sin nuestro amigo no podríamos solicitar información al guía tailandés.

Algunas curiosidades sobre los navegadores web

El funcionamiento de los navegadores está relacionado con las redes y las URL. ¿Por qué? Ya vimos que el navegador nos ayuda  solicitar e interpretar información. Tal información se encuentra en otra computadora.

¿Cómo le indicamos al navegador qué es lo que queremos? Por medio del uso de una URL (Uniform Resource Locator) o localizador uniforme de recursos. En la barra del buscador le decimos al navegador qué queremos y dónde está.

Para poder acceder al documento, necesitamos estar conectado a una red o un conjunto de computadoras conectadas. Aquí podemos distinguir dos tipos generales de red:

  • Intranet: Se trata de una red donde la información fluye entre miembros de una organización. Si alguien fuera de ella usa un URL interno, el acceso será negado. Haría falta que el administrador de la red autorice el acceso.
  • Internet: Es una red pública, es decir, cualquiera puede acceder siempre que pueda conectarse. Cada vez que nos conectamos a Internet tenemos acceso a una gran cantidad de documentos. La única manera de tener privacidad en Internet es que protejas tu información con una cuenta y contraseña.

Dicho en pocas palabras, los navegadores nos ayudan a “navegar” la información disponible en redes como intranet o internet por medio de las direcciones (URL) de los documentos dentro de la red.

¿Y por qué se llaman navegadores? El nombre que se les dió en inglés fue web browser. Tan web como red significan lo mismo. En cambio, no ocurre lo mismo con browser. En inglés, un browser es alguien que hojea libros o revistas o mira cosas en una tienda. Como es justo esto lo que hace con la web, recibe este nombre. Como la traducción directa al español no suena bien, preferimos llamarlo navegador porque navega sitios en la web.

Historia de los navegadores web

Tal vez ha pasado que tienes mucho tiempo sin ver a alguien y, luego de tantos años, vuelves a verle y notas bastantes cambios. No ocurre lo mismo con aquellos que ves todos los días. En general, solemos notar los cambios cuando pasa mucho tiempo sin que interactuemos con alguien o algo.

¿Por qué ocurre esto? Cuando compartimos mucho con alguien o algo asimilamos los cambios según van ocurriendo. Cuando pasa bastante tiempo sin que interactuamos con ese algo o alguien, nos toca asumir muchos cambios de golpe y aprender nuevas cosas en poco tiempo.

Lo mismo puede decirse del Internet. Como ha ido cambiando con nosotros, nos puede ocurrir que no nos demos cuenta cuánto ha cambiado y el impacto que tiene en nuestras vidas hoy día.

Con el fin de salvar esa distancia, presentamos un breve recorrido por la evolución de los navegadores web.

WorldWideWeb (1990)

Hay que aclarar algo antes de continuar. World Wide Web y WorldWideWeb no son lo mismo. También hay que decir que Internet no es igual que la web. Veamos las características de cada uno para diferenciarlos:

  • Internet se origina en 1960 a manos del Departamento de Defensa de los Estados Unidos como una red que interconecta varias computadoras.
  • World Wide Web, o la web, fue creada por el científico inglés Tim Berners-Lee en 1989. Se trata de un medio para consultar los archivos en Internet.
  • WorldWideWeb es un navegador web, también inventado por Berners-Lee, pero en 1990. Este es el primer navegador web que existió y marca el inicio del desarrollo de estos programas para consultar los archivos en la web.

Si no se nota la diferencia, intentemos con una explicación diferente. La web y las app nativas usan medios diferentes para usar Internet. Por ejemplo, la web no funciona dentro de Instagram, ¿verdad? Tanto la web como las apps nativas funcionan en Internet, que no es más que la conexión con otras computadoras. Dicho de otra forma, la web y las apps nativas funcionan porque existe Internet.

Mosaic (1992)

Este es un navegador web que tiene la proeza de haber popularizado el uso de la web. El gran paso dado con este navegador es que ahora era posible agregar imágenes al lado del texto (antes veías las imágenes en otra ventana).

La facilidad de instalación y uso de este navegador hizo que se hiciera muy popular en la web. Pero no duró mucho tiempo. Creado en 1992 por la National Center for Supercomputing Applications, ya en 1995 estaba perdiendo mercado frente a Netscape. En 1997 este proyecto había sido descontinuado.

No obstante, en 1995 Microsoft había licenciado Mosai sobre el cual creó Internet Explorer. El mundo de los navegadores comienza a ponerse competitivo.

NetScape (1994)

A partir del surgimiento de Netscape en 1994, Mosaic deja de ser el navegador más usado. ¿Por qué gustaba tanto este navegador? Porque Netscape:

  • Ofrecía versiones gratuitas para uso no comercial.
  • Actualizaba constantemente el navegador.
  • Significó la puerta de entrada a la web pues antes sólo había salas de chat privado como AOL (America On Line) en detrimento del uso de la web.

Ahora bien, la vuelta de página que dio Microsoft  Mosaic adquiriendo su licencia para sacar Internet Explorer cambió el futuro prometedor de Netscape como navegador. Con el surgir de Internet Explorer, Netscape quedó en segundo plano. Para 1998, la cuota de mercado era muy pequeña, así que decidieron enfocar los recursos en un proyecto que llamaron Mozilla.

Internet Explorer (1995)

Ya hemos dicho algunas cosas de este navegador. Agreguemos algunas más. La principal razón del éxito de Internet Explorer está en que venía incluido en el sistema operativo de Microsoft: Windows. Para alguien que no estaba al tanto de los navegadores, Internet Explorer era lo único que existía para poder navegar la web.

Además de esto, Internet Explorer era completamente gratis mientras que Netscape pedía algo si iba a tener uso comercial. Microsoft hizo también muchas actualizaciones a su navegador mientras que Netscape no podía seguir el paso. Sencillamente, Netscape no tenía tantos recursos como Microsoft.

Todo esto llevó a que Internet Explorer dominara el mercado de los navegadores. Llegados al 2000, la mayoría lo usaba. Pero eso comenzó a cambiar con la llegada de Mozilla en 2002. 

Mozilla (2002)

Mozilla es el resultado de la liberación del código fuente del navegador Netscape. La idea era crear un navegador que se apegara a las normas estándar de la World Wide Web Consortium (W3C).

Nota aparte: la W3C estableció unas normas estándar de programación web para evitar los dolores de cabeza a los diseñadores web con las incompatibilidades de Internet Explorer o Netscape para correr su contenido. Todo esto llevó a que ellos colocaran avisos para señalar si se vería mejor con uno u otro navegador. Pues bien, establecido el estándar web, Mozilla dijo “apeguémonos a la W3C”.

Sus esfuerzos se ven un poco menguados porque pierden financiamiento de AOL. En vista de esto, crean la fundación Mozilla en 2004. A través de ella comienzan a recibir ayuda financiera de Google a cambio de que usen su buscador como predeterminado. Todos estos recursos fueron utilizados en el mejoramiento de Mozilla y así es como nace Mozilla Firefox. Mientras todo esto pasaba, Apple lanzaba su navegador Safari.

Safari (2003)

Antes de 2003, todas las computadoras con Mac OS navegaban la web con Netscape o Internet Explorer. Todo eso terminó con la publicación de Safari 1.0 ¿Qué traía de nuevo? Pues, se trata del primer navegador con el motor de renderizado Webkit, usado bastante. Este motor de renderizado fue desarrollado a partir del que usaba KDE, un proyecto de software libre.

Eso sí, Safari no existe fuera de la comunidad Apple. Desde 2012 se dejaron de crear versiones para Windows. Actualmente solo hace actualizaciones semestrales para sus sistemas operativos. En este sentido, Safari no es una preocupación para Microsoft o Mozilla.

Mozilla Firefox (2004)

Desde 1998, Internet Explorer ya no tiene quien le compita y las actualizaciones disminuyen su frecuencia. Aún la aparición de Mozilla no hizo gran diferencia. Cuando Google comienza a financiar a Mozilla en 2004, y quizás por sugerencia suya, los componentes de Mozilla son publicados por separado y así es como surgen Mozilla Firefox, Mozilla Firebird y otros programas.

Firefox trajo una nueva era de actualizaciones de navegadores. Además de apegarse al estándar de la  W3C, Firefox apostó por la usabilidad agregando pestañas y mejorando la interfaz. También permitía personalizar y ampliar la experiencia de navegación con el uso de extensiones.

Su éxito era de esperarse. Para 2005 ya era una alternativa para navegar la web frente a Internet Explorer. En los años siguientes continuó creciendo hasta la aparición de Google Chrome.

Google Chrome (2008)

Aunque es cierto que Mozilla Firefox daba una buena experiencia de navegación, no ejecutaba rápidamente el código JavaScript (este código permite crear aplicaciones en la web). Esta velocidad más el diseño minimalista hicieron de Google Chrome el navegador favorito de muchos.

Chrome corre tan bien el código de las aplicaciones web (HTML, CSS y JavaScript junto) que hay quienes dicen que se puede convertir en la única aplicación del computador. Se piensa que el resto de las aplicaciones podrían correr en Chrome. Veremos un poco más de esto cuando hablemos de las PWA.

Microsoft Edge (2015)

Este navegador es como la continuación de Internet Explorer, pero lo ponemos aparte porque no es igual que este. Incluso, funcionaron a la par entre 2015 y 2018. Edge es muy diferente a Internet Explorer. De hecho, usan motores de renderizado distintos.

Al principio, Edge solo estaba disponible para Windows 10. En diciembre de 2018 anunciaron que todas las versiones de Windows funcionarían con Microsoft Edge. Esta fue la declaración del fin de un navegador tan usado como Internet Explorer.

Otro anuncio interesante fue que las siguientes versiones de Edge estarían basadas en Chromium, el motor de Google Chrome, el navegador más usado del momento. Como sea, este cambio dio nueva vida al navegador de Microsoft y desplazó a Mozilla Firefox. ¿Cómo va a quedar todo esto?

Brave (2016)

Sin duda, Google Chrome ofrece un gran producto y por esto tuvo un gran éxito. Aprovechando la situación, crearon un sistema publicitario que les serviría como fuente de ingresos.

Al principio estuvo bien, pero luego comenzaron a invadir el espacio personal de los usuarios por medio del uso de sus datos. De esta manera, podrían mostrar publicidad personalizada que, muchas veces, no era, ni es, bienvenida. Todo esto llevó a que surgiera la necesidad de un navegador que no recolectara data personal y que pagara a aquellos dispuestos a ver publicidad.

Bajo esta premisa se publica Brave en 2016. Este navegador incorpora varias cosas nuevas:

  • Un adblocker incorporado para evitar la publicidad en los sitios web visitados. Como ya no tienen que cargar esas publicidades, el sitio carga más rápido.
  • Tiene un buscador Tor y otro de Duckduckgo incorporado para navegaciones privadas. El modo incógnito de los navegadores no es incógnito del todo.
  • Está asociado a una criptomoneda llamada BAT con la cual administran el proceso publicitario en Brave. La ventaja es que así gana quién ve el anuncio, el generador de contenido, el publicitas y Brave. ¿Recuerdas la campaña de Wikipedia para reunir recursos para mantener el sitio web? Brave acabó con eso.

Hay otras ventajas más, pero nos desviaríamos del tema principal. Así que mejor conversemos sobre los navegadores y las PWA

¿Cómo se relacionan los navegadores web con las PWA?

Aunque no tuvieron toda la atención en la historia que contamos, hablar de los navegadores es hablar de HTML, CSS y JavaScript. No obstante, por esta vez, nos detendremos especialmente en JavaScript. Este lenguaje de programación fue creado por Netscape en 1995, declarado como estándar por ECMA y continuó siendo desarrollado por la Fundación Mozilla.

Ya para 2012, todos los navegadores modernos eran compatibles con JavaScript y esto permitió un resurgimiento de la manera en que se navega la web. Por ejemplo, Flash y AJAX, usado para animaciones y otras funciones, ya no son necesarios. Todo esto significa mejoras para todos.

Antes de continuar, mencionemos que en el mundo hay varios organismos que se encargan de proponer formas estándar de programar sitios web. Ya hemos mencionado dos de ellos:

  • World Wide Web Consortium (W3C)
  • European Computer Manufacturers Association (ECMA)

En el sitio de Mozilla puedes revisar más información sobre los estándares de la web.

Decíamos todo esto de los estándares porque los sitios web se construyen siguiendo las recomendaciones que estos organismos ofrecen. Ellos especifican qué lenguajes de programación usar y los mejores usos para evitar problemas de compatibilidad entre navegadores web. 

En 2014, la W3C recomendó la adopción de la actualización más nueva de HTML. Esta versión fue conocida más tarde como HTML5. Entre muchas cosas, esta actualización incorporaba:

  • Nuevas etiquetas para funcionar con recursos multimedia. Ahora era posible declarar explícitamente que cierto archivo era un video, un audio o era posible crear dibujos complicados con solo usar HTML y CSS.
  • También incluía las interfaces para programación de aplicaciones (APIs). Estos son atajos que permiten ahorrar mucho trabajo a los programadores.
  • Se incorporaba el Document Object Model (DOM), considerado ahora como parte fundamental. El DOM es como una especie de espejo del sitio web sobre el cual lenguajes como JavaScript pueden cambiar la manera en que se presenta el contenido a los usuarios.

¿Qué significa todo esto?

Con la adopción masiva de HTML5, usar JavaScript por medio del DOM sentaba las bases para las aplicaciones web progresivas (PWA). Aunque estas apps corren en el navegador web, se siente como si estuvieses usando una app nativa.

Con Netscape nos alegrábamos de ver imágenes y texto en una sola pantalla en 1995. Hoy día,  finales de 2020, podemos correr cualquier tipo de aplicación en la web como juegos, manejo de inventarios, e-commerce, salas para clases, videoconferencias, edición de imágenes, lo que se te ocurra.

¿Qué sigue ahora?

Los desarrollos de navegadores no han parado. A pesar de la miríada de funcionalidades que ofrece todavía, estamos a la espera de más.

Si viste Ready Player One, seguro que te haces una buena idea.En caso de que no, los navegadores están apostando a ofrecer realidad virtual (inmersión completa) o realidad aumentada. En este tipo de realidad puedes ver objetos digitales a través de una cámara como en Pokemón Go o Mario Kart.

En fin, no hemos visto todo de los navegadores y la web, pero ha sido suficiente para que surja una comunidad en la web por medio de la cual estamos más conectados que nunca sin importar la distancia.

¡Gracias por leer!

logo Novanet Studio tres círculos significado del número tres

Derechos reservados 2020