Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Qué es un navegador web

3/18
Recursos

Un navegador web o web browser es un software o aplicación que permite al usuario acceder a sitios en Internet alrededor del mundo para conseguir información. Con el fin de brindar una respuesta confiable, el navegador obtiene datos de un sevidor web y luego se los enseña a un usuario a través de una pantalla.

En sus inicios, los navegadores web se utilizaban únicamente para localizar y enseñar contenido de Internet, pero con el tiempo se han convertido en grandes herramientas para realizar todo tipo de actividades que antes estaban solamente restringidas al entorno local de un computador.

Ejemplos de navegadores web

Estas plataformas se encuentran disponibles para todo tipo de dispositivos como computadores, teléfonos, tablets e incluso televisores inteligentes. Algunos ejemplos de navegador web son:

  • Google Chrome
  • Safari
  • Firefox
  • Opera
  • Eminent
  • Internet Explorer
historianavegadorweb.png

Versiones de Chrome para desarrollo web

  • Canary (se actualiza conforme se crean más versiones)
  • Dev (necesita una extensión en Chrome
  • Stable (para el usuario final )

Cómo funcionan los navegadores web

Cuando ingresas una URL o dirección del sitio web (por ejemplo: platzi.com), este programa se encarga de localizar el servidor correspondiente a esa dirección y enviarle una solicitud mediante el Protocolo de Transferencia de Hipertexto (HTTP). El servidor envía la respuesta y el navegador convierte este código en un sitio web entendible para el usuario.

Para presentar el contenido de forma visual, el navegador se vale del lenguaje de marcado de hipertexto (HTML) y el lenguaje de estilo en cascadas (CSS), que dan un estilo visual a la información que se presentará en el navegador mediante etiquetas. Con el objetivo de que el usuario pueda interactuar con el contenido que se presenta en el sitio web, utiliza el lenguaje de JavaScript, que se encarga de manejar toda esta interacción en su código y enviarla de vuelta al servidor.

Los navegadores también tienen la capacidad de mostrar otros protocolos y prefijos, como HTTPS, que es HTTP seguro (el estándar utilizado prácticamente en todos los sitios web actualmente), el Protocolo de Transferencia de Archivos (FTP), la gestión del correo electrónico (mailto:) y los archivos (file:).

Además, la mayoría de los navegadores también admiten los complementos externos necesarios para mostrar contenidos activos, como videos, audio, archivos PDF y juegos dentro de la página.

Contribución creada con los aportes de: Daniel Andrés Urrea, Luis Paucar y Said Alejandro Rosas Vera

Aportes 481

Preguntas 94

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Les recomeindo que visiten este link, aquí se presenta una breve historia bastate gráfica de la evolución de la web, es super chevere como se ve😊

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:

  • Firefox: Version normal
  • Firefox Dev: Version para desarrolladores

El navegador es el mejor amigo del desarrollador web 😄

Acá les dejo esta animación de la historia de los navegadores, está genial:

El Firefox Developer Edition te permite ver el grid.
Por si te interesa.🤩

Existe un curso que explica más a fondo este tema del navegador y su motor (10/10 super recomendado) : https://platzi.com/clases/javascript-navegador/

Y uno específicamente para aprender a manejar las Devtools de Chrome: https://platzi.com/clases/devtools/

Muchos hemos pedido el curso de Devtools con Firefox

Alguien mas usa Brave?

Acá les dejo una infografía sobre la historia de los navegadores.

Les comparto mis notas:

se realizo con Notion

NO HAY SUBTITULOS. CUANTA OPRESION HACIA LA COMUNIDAD SORDA!!!

Estas son mis notas de esta clase, espero a alguien le ayude

Hola a todos, para los que lesgusta el navegador Brave(es del mismo creador de JavaScript)

Este es el Link

Compañeros aquí les comparto un mapa conceptual que hice con los apuntes de la clase.

La versión estable de Firefox también funciona muy bien en que caso de que prefieran ese navegador y también cuenta con Dev Tools

Les comparto mis notas de la clase

NAVEGADOR BRAVE ❤️

Hola chicos! como estan? les dejo mi resumen!

Un poco de Historia sobre los navegadores.

La guerra de los navegadores.

Quiero ese video de la historia de la weeeb!!!

Comprendamos los conceptos básicos de ésta clase 😄

Importante recordar: Java y JavaScript son dos lenguajes diferentes y con objetivos distintos.

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

-Firefox dev: Versión para desarrolladores.

El curso de Introducción a la Web: Historia y funcionamiento de internet profundiza algunos de los temas tocados en esta clase, lo recomiendo bastante

wow no tenía idea de Google Chrome Dev, gracias. genial!!

Para cuando el video de la historia de la web? :C

tal cuál el ejemplo de las cebollas, porque llorarás en el proceso XD

¡¿Alguien que maneje Brave?

Gracias por este curso de prework, el anterior es un caos y frustra mucho a los estudiantes.
Agradecido de que actualizaran este curso!

Recomiendo una navegador llamado Brave. por su seguridad y velocidad

MIS NOTAS:

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).
  • Firefox Dev
  • Edge y sus DevTools
    • DevTools me sirve para depurar el código

Repaso de la clase

Clase 2 – Navegador qué es


¿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.

Información resumida de esta clase
#EstudiantesDePlatzi

  • Un navegador funciona gracias a un protocolo llamado Hypertex Transfer Protocol y es el encargado del cómo viaja la información

  • HTML = Hypertext Markup Lenguaje

  • CSS = Cascading Style Sheets es el lenguaje que me define como se va a ver los estilos

  • Javascript es el lenguaje que se encarga de darle la interacción a nuestro HTML y CSS

  • HTML, CSS y Javascript son las tecnologías o estándares que posee un navegador

  • Existen herramientas que me ayudan a encontrar los Bugs de mi código

Ricardo buenas noches, puedes compartir el vídeo de youtube de la historia de la web, me gustaría verlo

Yo utilizo Edge para ahorrar recursos y ahora para evitar anuncios, Brave. Ambos tienen las extensiones de Chrome

Estaría bien un video con la historia de la web echo por Ricardocelis.

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. 😄

Navegador

Definición:

-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.

No sabía que existía Canary, me parece genial.

Esta infografia puede explicar bien la evolución de los navegadores para que profundices! 😃
https://www.netambulo.com/la-evolucion-de-los-navegadores-infografia/

si me interesa la historia de la web 😄

La verdad es que si me gustaria un video de historia de la web.

La capas de cebolla son referencia a Shrek 😁

Enlace para descargar Firefox Dev: https://www.mozilla.org/es-ES/firefox/developer/

A mi me interesa el video en youtube sobre la historia de la web.

Buenas soy el unico q sigue aqui!??

Mi primer apunte del curso. Espero les guste 😃

Aquí de nuevo aprendiendo con Ricardo Celis un gran profesor explica superbién.

El navegador que uso actualmente es Brave

Como no están los enlaces de los programas que se mencionaron.
Pongo aquí

¿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

.
.
.
fuente:https://uniwebsidad.com/libros/xhtml/capitulo-1/breve-historia-de-html

Brave, es un gran navegador y muy rápido. También puedes ganar Crytpo.

Me acabo de enterar que Chrome tiene más versiones!

Me interesa el desarrollo web, de aplicaciones y de inteligencia artificial, excelente introduccion!

Un saludo desde Platzi Day

queremos el video de la web!!!

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).

Comenzando con este curso! 😃

Clase 2 – Qué es un navegador web


Qué es el navegador?

  • Es un software o aplicación que permite al usuario acceder a cualquier sitio web en el mundo. Esto con el fin de conseguir información en internet.

¿Cuál es el protocolo que permite el correcto funcionamiento de un navegador?

  • HTTP.

¿Cómo se llama la versión segura del protocolo HTTP?

  • HTTPS.

¿Qué significan las siglas HTTP y HTTPS?

  • HTTP =HyperText Transfer Protocol.
  • HTTPS = HyperText Transfer Protocol Secure.

¿Cuál es la función del protocolo HTTP?

  • Definir la manera en que se transmiten los archivos desde internet hasta nuestro computador.

¿Cuál fue la consecuencia de que los navegadores del pasado interpretaran a su manera el protocolo HTTP?

  • Una página web no se veía igual en todos los navegadores.

¿Qué ayudo a que los sitios web se vieran igual en todos los navegadores?

  • La estandarización de la manera en la que escribimos HTML, CSS y JavaScript.

¿Los navegadores modernos son capaces de entender HTML, CSS y JavaScript?

  • Si.

¿Cuál es el navegador más usado hoy en día?

  • Google Chrome.

¿Cuáles son las versiones de Google Chrome que existen?

  • Stable
  • Dev.
  • Canary.

¿Cuál es la versión de Google Chrome que usan los usuarios finales?

  • Stable.

¿Cuál es la versión de Google Chrome que usan los desarrolladores web?

  • Dev.

¿Google Chrome Dev es una extensión que instalamos en Google Stable?

  • Si.

¿Cuál es la versión de Google Chrome que cuenta con la versión más actualizada del desarrollo de este navegador?

  • Canary.

¿Es buena práctica que probemos la manera en que se verá un sitio web que estamos construyendo en Google Stable?

  • Si.

¿Para qué nos sirve la extensión Dev de Google Chrome?

  • Para probar las nuevas funciones de JavaScript y ECMAScript que se implementaran en un futuro en la versión Stable.

¿Cómo se llama la versión para navegadores del navegador Firefox?

  • Firefox Dev.

¿Los navegadores Chrome, Edge y Firefox nos brindan DevTools?

  • Si.

¿Qué son las DevTools?

  • Es una herramienta que nos brindan los navegadores para poder probar el funcionamiento de nuestro código.

Muchas gracias

bien

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.

yo uso Brave y no quiero dejarloOO! no no no no quiero!! 😦(

Quien diria que los errores de codigo son como los ogros

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 =)

no sabia de la existencia de las versaciones de chrome

Ricardo, claro que si, seria genial un video de la historia de internet… gracias

y agregándole que tengo 9 años

hola soy Juan Pablo saben que soy un niño y ya hice 3 cursos y este es el cuarto

Me encantaría ver un video de la historia de la web

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.

web browser es una aplicación para visitar sitios web.

a la espera del esa historia

Que interesante, para mi es absolutamente nuevo todo esto. Gracias Muy bien

Aqui un video de la linea de tiempo de navegadores más usados.
https://www.youtube.com/watch?v=W4wWdmfOibY

El mejor navegador es Opera! ;D

estoy iniciando en el mundo de la programaciòn

Si, sería interesante conocer la historia del desarrollo de la web

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.

¿Que es el navegador?

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.

HTTPS PROTOCOLO, NOS DEFINE COMO EL TEXTO LAS IMÁGENES Y EL VIDEO SERAN TRANSFERIDOS ENTRE ESTOS, COMO VIAJARAN.

JAVASCRIPT LENGUAJE DE PROGRAMACIÓN.
TECNOLOGÍAS QUE TODO NAVEGADOR SABE USAR.

LA VERSIÓN GOOGLE DEV ES UNA VERSION QUE TE VA A PERMITIR EXPLORAR NUEVAS ACTUALIZACIONES Y A TODO LO NUEVO.

CANARY SE ACTUALIZA TODAS LAS NOCHES.

RECOMENDACIÓN QUE TE QUEDES CON LA VERSIÓN ESTABLE DE GOOGLE.

Aquí dejo mi Chrome dev

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: ```

https://es.wikipedia.org/wiki/Navegador_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

¿Que es el navegador?

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

si claro la historia de la navegacion

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.

A MI ME ENCANTARIA QUE HAGAS UN VIDEO DE LA HISTORIA DE LA WEB