Un navegador web es un software libre para acceder a internet y explorar sitios web. Su función es interpretar el código HTML, lenguaje común en páginas web. Traduce la estructura, diseño y contenido del sitio para mostrarlo de forma coherente y estética.
Además de interpretar el código HTML, los navegadores también pueden manejar otros lenguajes de programación como CSS y JavaScript, lo que les permite renderizar imágenes y páginas web de manera interactiva y dinámica.
El lenguaje CSS, por ejemplo, permite definir el diseño y la apariencia visual de los elementos, lo que permite que los usuarios disfruten de una experiencia estética y agradable mientras navegan por los sitios. Por otro lado, el lenguaje JavaScript desempeña un papel crucial al permitir la creación de interacciones dinámicas.
Ejemplos de navegadores web
Los navegadores web son herramientas fundamentales para acceder a internet, explorar el contenido en línea desde diversos dispositivos , como computadoras, teléfonos, tabletas e incluso televisores inteligentes. Incluso funcionan para descargar documentos y mostrarlos en pantalla. Conozcamos algunos ejemplos.
Google Chrome
Google Chrome es uno de los navegadores de internet web más populares y ampliamente utilizado en todo el mundo. Desarrollado por Google, se destaca por su rapidez, simplicidad y una amplia gama de extensiones disponibles en su tienda web.
Su interfaz intuitiva y la capacidad de sincronizar datos y marcadores entre dispositivos hacen que sea una elección popular para muchos usuarios.
Safari
Safari es el navegador web predeterminado en los dispositivos Apple, como Mac, ios y iPhone y iPad. Conocido por su eficiencia y optimización para el ecosistema de Apple, este ofrece una computadora experiencia de navegación fluida y un excelente rendimiento en dispositivos de la marca.
Además, se enfoca en la seguridad y la privacidad, cosa que lo que lo convierte en una opción confiable para los usuarios de Apple.
Firefox
Firefox, programa desarrollado por Mozilla, es otro navegador web valorado por su enfoque en la privacidad y seguridad del usuario. Con una amplia comunidad de desarrolladores, se destaca por su capacidad de personalización a través de complementos y temas.
Además, ha sido pionero en la implementación de tecnologías como el modo de navegación en red privada y la protección contra rastreo, gracias a lo que atrae a aquellos que valoran la privacidad en línea.
Opera
Opera es un navegador web conocido por su velocidad y eficiencia en la navegación. También ofrece una función de compresión de datos que permite cargar páginas más rápidamente, lo que lo convierte en una opción popular para usuarios con conexiones a la red internet más lentas.
Además, Opera integra varias características útiles, como un bloqueador de anuncios incorporado y una VPN gratuita, lo que lo hace un producto atractivo para aquellos que buscan un paquete completo de funciones en lugar de un navegador.
Microsoft Edge
Como el sucesor de Internet Explorer, Microsoft Edge es el navegador predeterminado en Windows 10 y posteriores. Ofrece una experiencia de explorador de navegación rápida y fluida, además de estar estrechamente integrado con el ecosistema de Microsoft, lo que permite una sincronización eficiente de marcadores, historial y contraseñas entre dispositivos.
Brave
Brave se destaca por su enfoque en la privacidad y la seguridad del usuario. Este navegador bloquea automáticamente los anuncios y rastreadores, lo que no solo mejora la velocidad de carga de imágenes y contenidos de las páginas, sino que también protege la privacidad del usuario al evitar el seguimiento no deseado de sus actividades en línea.
Internet Explorer
Internet Explorer fue durante mucho tiempo uno de los navegadores de sitio web más utilizados, especialmente en el entorno de Windows. Desarrollado por Microsoft, fue el navegador predeterminado en sistemas de sistema operativo pasados anteriores a Windows 10.
Aunque en su momento fue muy popular, su uso ha disminuido bastante en favor de otros navegadores más modernos y eficientes. Internet Explorer ha sido reemplazado oficialmente por Microsoft Edge, que ofrece mejoras en rendimiento, seguridad y compatibilidad con los estándares web más recientes.
Vivaldi
Vivaldi es un navegador altamente personalizable diseñado para aquellos que buscan una experiencia de navegación a medida. Ofrece una amplia gama de opciones para personalizar la apariencia, el diseño y las funcionalidades del navegador, lo que permite a los usuarios adaptarlo según sus preferencias individuales.
¿Cómo funciona un navegador?
Cuando se introduce una dirección URL en la barra de enlaces direcciones del navegador o se hace clic en un enlace, el navegador emite una solicitud al servidor donde se encuentra alojada la página web. Posteriormente, el servidor envía de vuelta al navegador los archivos que conforman la página, los cuales incluyen el código HTML, CSS, JavaScript y otros elementos multimedia.
Una vez que el navegador recibe estos archivos, los interpreta y procesa. El código HTML establece la estructura y el contenido de la página, mientras que el CSS se ocupa del diseño y la presentación visual. Por su parte, el JavaScript permite crear interacciones y funcionalidades adicionales en la página.
Adicionalmente, para mostrar información gráfica en el dispositivo, los navegadores web emplean una interfaz de usuario conocida como frontend. Esta frontend permite a los usuarios hacer clic, desplazarse y navegar por las páginas y sitios web de manera intuitiva.
Por otra parte, los navegadores también cuentan con una parte menos visible llamada backend, que engloba servidores, bases de datos y aplicaciones.
El backend es el responsable de enviar las solicitudes del navegador a internet y transportar los datos recibidos de vuelta al dispositivo del usuario, permitiéndole conectar con las páginas web e interactuar con ellas de forma segura y fluida.
¿Cuáles son los 5 navegadores de internet más usados?
Los navegadores más empleados pueden variar con el tiempo debido a las preferencias de los usuarios y las actualizaciones.
Google Chrome: Destacado por su velocidad, simplicidad y amplia selección de extensiones, líder del mercado.
Apple Safari: Ampliamente utilizado en dispositivos Apple debido a su eficiencia y optimización en el ecosistema de la marca.
Mozilla Firefox: Enfocado en la privacidad y seguridad, permite personalizar la experiencia de navegación con complementos y temas.
Microsoft Edge: Sucesor de Internet Explorer en sistemas Windows, ofrece mejoras en rendimiento y seguridad.
Opera: Popular entre los navegadores por sus características útiles como bloqueador de anuncios incorporado y VPN gratuita.
Características más habituales de un navegador web
Interfaz de usuario intuitiva: Los navegadores web suelen tener interfaces sencillas y fáciles de usar, con una barra de direcciones para ingresar URL y botones para navegar hacia adelante, atrás y actualizar la página.
Pestañas y gestión de ventanas: Los navegadores permiten abrir múltiples pestañas y gestionar varias ventanas al mismo tiempo, lo que facilita la organización y el acceso a diferentes sitios web.
Motor de búsqueda integrado: La mayoría de los navegadores incorporan un motor de búsqueda predeterminado, lo que facilita la búsqueda de información directamente desde la barra de direcciones.
Marcadores y favoritos: Los usuarios pueden guardar sitios web favoritos mediante marcadores para acceder rápidamente a ellos en el futuro.
Historial de navegación: Los navegadores registran el historial de sitios visitados, lo que permite a los usuarios acceder y revisar las páginas visualizadas previamente.
Gestión de contraseñas: Muchos navegadores ofrecen la opción de almacenar contraseñas para facilitar el inicio de sesión automático en sitios web seguros.
Bloqueo de ventanas emergentes: Los navegadores suelen bloquear automáticamente las ventanas emergentes molestas para mejorar la experiencia del usuario.
Compatibilidad con complementos y extensiones: Los navegadores permiten a los usuarios agregar complementos y extensiones para ampliar las funcionalidades, como bloqueadores de anuncios, traductores, entre otros.
Modo de navegación privada: La mayoría de los navegadores ofrecen una función de navegación privada que no registra el historial ni almacena cookies, brindando mayor privacidad al usuario.
Actualizaciones regulares: Los navegadores se actualizan periódicamente para mejorar el rendimiento, corregir errores de seguridad y mantenerse al día con los estándares web más recientes.
Estas características adicionales complementan la funcionalidad de los navegadores web y buscan mejorar la experiencia del usuario, brindando una navegación más eficiente, personalizada y accesible.
Como viste, un navegador web es una herramienta que permite acceder y visualizar contenido en internet, y su funcionamiento involucra tanto el frontend, que brinda la interfaz gráfica para el usuario, como el backend, que se encarga del procesamiento y transferencia de datos para ofrecer una experiencia de navegación del sitio web completa y satisfactoria.
Contribución creada con los aportes de: Daniel Andrés Urrea, Luis Paucar y Said Alejandro Rosas Vera
Aportes 479
Preguntas 94
Ordenar por:
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
Les comparto mis notas:
Los navegadores funcionan con un protocolo que define como se realiza la transferencia de datos a travel de internet .Es llamado
HTTP : Hypertext Transfer Protocol (Protocolo de Transferencia de Hipertexto)
HTTPS: Hypertext Transfer Protocol Secure (Protocolo de Transferencia de Hipertexto Seguro)
En la actualida la manera de escribir, leer e interpretar los datos transferidos a travel de 3 lenguajes que todos los navegadores pueden entender. Estos son:
HTML: HyperText Markup Language
CSS: Cascade Style Sheet
Javascript: Es el lenguaje que le da interaction a las paginas
Google Chrome es uno de los navegadores mas modernos y mas utilizado, el cual tiene 3 versiones:
Google Stable. Version que todos usamos
Google Dev: Version para desarrolladores que contiene las nuevas funcionalidades y el navegador se actualiza semanalmente
Google Canary: Version para desarrolladores que contiene las nuevas funcionalidades y el navegador se actualiza diariamente
Otro navegador muy comun es Firefox que tambien cuenta con 2 versiones:
Genial, y yo aquí entro en un dilema, ¿Desarrollar en la versión estable o en la versión Dev? Yo sugeriría a todos desarrollar en la versión estable, ya que cuando los productos salgan a producción, los usuarios estaran usando la versión estable, las otras versiones son solo juguetes que nos han dado para divertirnos desarrollando con nuevos features jaja
Que es el navegador?
Los navegadores funcionan gracias a un protocolo que se llama HTTP: Hypertext Transfer Protocol (Protocolo de Transferencia de Hipertexto) // HTTPS: Hypertext Transfer Protocol Secure (Protocolo de Transferencia de Hipertexto Seguro).
Es el que nos define como todos los elementos del navegador van a llegar hacia nosotros. En sus inicios, cada navegador mostraba la información de una manera distinta, eso hoy en día ya no pasa, ya que se ha estandarizado como se ESCRIBE y como se interpreta la información de una forma visual. Esto es gracias a :
-HTML o HyperText Markup Languaje (Lenguaje de marcado de hipertexto)
-CSS o Cascade Style Sheet (Hojas de estilos)}
-JavaScript (interacción entre html y css)
Estos 3 son los estándares que todo navegador sabe utilizar.
Google Chrome, lanzado en 2008, es el navegador numero 1, y existen distintas versiones:
-Google stable: Versión normal
-Google dev: es una extensión para desarrolladores
-Google Canary: Versión para desarrolladores que contiene las nuevas funcionalidades y el navegador se actualiza diariamente
Los navegadores funcionan gracias a un protocolo llamado HiperText Transfer Protocol (HTTP) ó Protocolo de Transferencia de HiperTexto, es el que nos define cómo todos los elementos en la web (como video, texto, imagenes) van a ser transferidos entre sí, cómo van a viajar por internet hacia y desde nosotros.
Gracias a HTML y CSS todos los navegadores presentan el mismo contenido, y crearon así la web que hoy conocemos.
Todos los navegadores usan HTML, CSS y JavaScript.
NAVEGADORES:
Google Chrome
Stable (es el que usamos)
Dev (extensión de GC para desarrolladores. Nos permite desarrollar páginas web para estándares y actualizaciones futuras)
Canary (para desarrolladores, se actualiza todas las noches).
¿Cuál es el protocolo que ayuda al funcionamiento del navegador?
HTTP.
¿Cuál es la versión segura del protocolo HTTP?
HTTPS.
**¿Qué significa HTTP? **
En ingles significa Hypertext Transfer Protocol y su traducción al español seria Protocolo de transferencia de hipertextos.
¿Qué significa HTTPS?
En inglés significa Hypertex Transfer Protocol Secure y su traducción al español seria Protocolo seguro de transferencia de hipertexto.
¿De qué se encargan los protocolos HTTP y HTTPS?
Estos se encargan de definir la manera en la que viajan los elementos de internet a nuestros computadores.
¿Cómo se mostraban hace algunos años las páginas web?
Hace algunos años los navegadores eran los que definían la manera en que se iban a ver los elementos de una página web, lo cual hizo que una pagina web no se viera de la mima manera en otros navegadores.
Google Chrome Stable: La version estable del navegador
Google Chorme Dev: Una version con los ultimos features que se acutliza semanalmente
Google Chrome Canary: La version con los ultimos features pero que se actuliza todos los dias
Algo a tener en cuenta es que más allá que uno tenga un navegador favorito, si vas a trabajar en web es conveniente probar el proyecto en diferentes navegadores. Los estilos pueden no aplicarse de la misma manera.
Un dato curioso es que cuando entran con el navegador TOR, por defecto hay una extension que desactiva Javascript en las paginas web lo cual a veces rompe las paginas “normales” pero las .onion poco se ven afectadas porque no hay mucha interaccion con el usuario final.
Solo es algo que se me vino a la mente y queria compartirlo. 😄
-Es un programa con el cual podemos navegar en la web
Nos permite realizar un sinfín de actividades como consumir entretenimiento (YouTube, Netflix), realizar transferencias bancarias, pagar servicios como agua y luz , etc.
Funcionamiento
Trabajan con el protocolo HTTP/HTTPS ( HyperText Transfer Protocol/ HyperText Transfer Protocol Secure)
Este protocolo define como los texto, imágenes, videos y todo elemento en nuestros sitios web van a ser transferidos entre servidor y navegador, como viajaran a través de internet.
Todo navegador sabe utilizar las tecnologías HTML (lenguaje de marcado de hipertexto, define la estructura de la página), CSS (hojas de estilo en cascada, define la presentación de la página) y JavaScript ( lenguaje de programación, define la lógica de nuestra página).
Navegador Google Chrome
Navegado lanzado por Google en 2008
Se recomienda navegador Google Chrome
Tiene diferentes versiones como: stable, canary o dev
El stable es usado por todos
La versión dev es una extensión del navegador para los desarrolladores que contiene las nuevas funcionalidades y se actualiza semanalmente
La versión canary, versión para desarrollador y se actualiza diariamente.
Navegador Firefox
Aquí también tenemos su versión dev
Navegador Edge
Aquí tendremos devtools, herramientas con las cuales mejorar el desarrollo como hacer el debbug, encontrar donde se rompe el código.
Una técnica de debbug es dejar marcas en el código, el navegador va a parar cuando llegue a esta y así poder ver los valores de la variable y encontrar el error.
¿que es el navegador?
Es una herramienta que nos conecta con el mundo entero gracias a un protocolo mejor conocido como http o https este protocolo nos permite enviar una gran variad de archivos desde textos, imágenes, audio y vídeo.
Un poco de historia de HTML:
-El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN propuso un nuevo sistema de “hipertexto” para compartir documentos.
-El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática. https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html
.
.
Tim Berners-Lee
JavaScript es el lenguaje de programación que debes usar para añadir características interactivas a tu sitio web, (por ejemplo, juegos, eventos que ocurren cuando los botones son presionados o los datos son introducidos en los formularios, efectos de estilo dinámicos, animación, y mucho más).
El navegador es el elemento que abrimos en nuestro computador como Google Chrome, Safari, Firefox, etc. Lo utilizamos para nuestra distintas actividades cotidianas.
HTTP: Hypertext Transfer Protocol (Protocolo de transferencia de hipertexto).
Este protocolo define como todos los elementos de nuestro sitio web serán transferidos hacia los usuarios.
Javascript: Es un lenguaje de programación que da interacción a nuestro HTML y CSS. Estos 3 son las tecnologías que todo navegador moderno sabe utilizar.
Existen diferentes versiones de Google Chrome como Canary, Dev y Stable.
La versión Dev es una extensión de Chrome para desarrolladores para tener las nuevas funcionalidades e implementarlas.
Canary es para desarrolladores y se actualiza todas las noches.
Sugerencia: Instalar la extensión Dev para Chrome.
Hola les comparto mis apuntes e investigación sobre esta clase.
¿Cuáles son las diferencias entre HTML, CSS Y JAVASCRIPT? HTML: lenguaje de marcado utilizado para estructurar elementos de la página, como párrafos, enlaces, títulos, tablas, imágenes e incluso videos. CSS: lenguaje de estilo utilizado para definir colores, fuentes, tamaños, posicionamiento y cualquier otro valor estético para los elementos de la página. JAVASCRIPT: lenguaje de programación utilizado para hacer la página con más** movimiento**, pudiendo actualizar elementos de forma dinámica y manejar mejor los datos enviados y recibidos en la página.
Les recomiendo leer este articulo: https://www.aluracursos.com/blog/html-css-javascript-cuales-son-las-diferencias#:~:text=HTML es el esqueleto%2C formado,le da movimiento al cuerpo.
primero que todo gracias por todo el trabajo hecho hasta el dia de hoy de verdad que lo aprecio mucho… pero ya que puedo hacer aportes… si ricardo pudiese hacer en una pantalla todo lo que esta diciendo seria mas interactivo … y si se puede tambien seria muy bueno una seccion de enlaces porque los que ricardo comento aun sigo en busqueda de ellos lol… aunque ya descargue el google Dev… muchas gracias por la atencion y buen dia =)
Viendo el curso y toda la escuela de programación y desarrollo me pregunto, la cantidad de tiempo que uno pierde y como procrastina uno siempre y deja de aprender todo esto que es genial. Gracias Platzi.
No es mejor usar un lenguaje estándar (¿ideología de genera(o)?) Desarrolladoras, --desarrolladores-- con esto basta, creo yo. Si no va con el curso, mis disculpas de antemano.
¿Qué es un navegador web y ejemplos?
navegadores: es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos. google chrome, safari, firefox, opera, eminent, inthernet explore.
Software que nos permite interactuar directamente con la Web
Hay muchas versiones por ejemplo en Chrome tenemos:
-Canary (Para desarrolladores y se va actualizar todos los dias a medida que salen mas versiones)
-Dev (Para desarrolladores, tambien se puede instalar una extension en la version Stable de chrome )
-Stable (para el usuario final )
No tenia idea que había 2 versiones de google para desarrolladores. En este momento iré descargando la versión Dev para estar listo para las siguientes clases.
Chrome (65,39 %)
Safari (11,97 %)
Edge (8,26 %)
Firefox (7,55 %)
Opera (2,34 %)
Explorer (1,34 %)
Otros (3,15 %)
Yo pensaba que Fire fox era el segundo mas usado, llama mucho la atencion el % de participación de Google… sin lugar a dudar el líder indiscutible.
referencias:
Wikipedia® es una marca registrada de la Fundación Wikimedia, Inc., una organización sin ánimo de lucro… (Esta página se editó por última vez el 2 ene 2022 a las 20:34.). Navegador web. 03-01-2021, de Wikipedia® es una marca registrada de la Fundación Wikimedia, Inc., una organización sin ánimo de lucro. Sitio web: ```
¿Que es el navegador?
Un navegador web es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos. “Wikipedia”.
El codigo si hace lo que tu escribes, pero a menudo no escribes el resultado que esperas 😂😂 Puedes escribir un error o un bug, es ahi donde debes debugear y ver qué esta mal en tu código.
Versiones de Google Chrome
-Canary: Version para desarrolladores que contiene las nuevas funcionalidades y el navegador se actualiza diariamente
-Dev: versión para desarrolladores que contiene las nuevas funcionalidades y el navegador se actualiza semanalmente
-Stable: que es el que tod el mundo conoce.
FireFox Dev: Version para desarrolladores
Los navegadores funcionan gracias al protocolo http (Hypertext Transfer Protocol) protocolo de transferencia de hypertexto, nos define como el texto las imágenes, video, audio, serán transferidos a través del internet.
En sus inicios cada quien interpretaba el HTTP como quería, lo que generaba que en cada navegador una páginas se viera distinta. Se estandarizaron la escritura e interpretación con HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language) CSS (Cascading Style Sheets)
Java script - lenguaje de programación que se encarga de darle interacción a HTML y CSS
Hola, no conocía todas las versiones de Google Chrome, lo que comprendí fue lo siguiente:
Stable: es el que más se usa.
Dev: extensiones para desarrolladores – Actualizaciones semanales
Candry: Se actualiza todas las noches.
Hoy en día para el desarrollo web se necesita js,html y css y gracias a la estandarización se pueden visualizar las páginas web en todos los navegadores de la misma forma.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?