Qué es un navegador web

2/17
Recursos

Navegador web (en inglés: web browser) es un software que permite al usuario acceder a sitios web y visualizarlos. También conocido como navegador de internet, su nombre más común es simplemente “navegador”.

En sus inicios, los navegadores web se utilizaban solamente para localizar y mostrar contenido de internet, pero con su evolución y la de los sitios web, se han convertido en herramientas potentes para realizar todo tipo de actividades que antes estaban solamente restringidas al entorno local de un computador. Además, se encuentran disponibles actualmente para todo tipo de dispositivos, como computadores, teléfonos, tablets e incluso televisores inteligentes.

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. Para que el usuario pueda interactuar con el contenido que se presenta en el sitio web, usualmente se 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.

Aportes 419

Preguntas 75

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

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

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

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

Les comparto mis notas de la clase

Un poco de Historia sobre los navegadores.

La guerra de los navegadores.

Hola chicos! como estan? les dejo mi resumen!

NAVEGADOR BRAVE ❤️

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.

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.

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

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

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

¡¿Alguien que maneje Brave?

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

Recomiendo una navegador llamado Brave. por su seguridad y velocidad

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

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

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/

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.

si me interesa la historia de la web 😄

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

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
La capas de cebolla son referencia a Shrek 😁

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

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

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

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!

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.

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.

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

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.

Un saludo desde Platzi Day

queremos el video de la web!!!

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.

Mi primer apunte del curso. Espero les guste 😃

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

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

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

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.

Chrome ya no lo uso. Microsoft Edege ha mejorado considerablemente!

exelente aporte es mi primer curso en plarzi y estoy entusiasmado

¡los programas son como cebollas burro!

Hola
a la clase le falta la presentación con los acrónimos y su significado en texto, para facilitar los apuntes al estudiante, no pusieron todos solo algunos.
SG

RESUMEN DE CLASE

Los navegadores funcionan con un protocolo que define como se realiza la transferencia de datos a través de la 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 actualidad la manera de escribir, leer e interpretar los datos transferidos a través 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 los navegadores con mas potencia mundialmente , el cual se distribuye en 3 versiones.

----Google Stable
----Google Dev
----Google Canary

Tenemos otro navegador el cual es Firefox que cuenta con dos versiones
----Firefox
----Firefox Dev