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😊
Herramientas para la web
¡Tenemos una nueva versión de este curso!
Qué aprenderás para configurar tu entorno de desarrollo en Windows
Qué es un navegador web
Instalando Firefox, Chrome y usando sus DevTools
Editor de texto
Editor de texto: instalando el tuyo
Extensiones y personalización de Visual Studio Code
Cómo usar Live Server en proyectos reales de HTML y CSS
Linux dentro de Windows
¿Qué es Windows Subsystem for Linux?
Instalación de Windows Subsystem for Linux
Configuración de Ubuntu en WSL
Instalación de VirtualBox
Instalando Ubuntu en una máquina virtual
Comandos básicos de la terminal e instalación de Node.js
Cómo configurar tu primer proyecto en React.js
Git y Github
Instalando Git
Vinculando nuestra llave SSH en Github
Subiendo nuestro primer repositorio
¿Qué es lo que sigue?
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
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.
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:
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
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
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:
Google Chrome es uno de los navegadores mas modernos y mas utilizado, el cual tiene 3 versiones:
Otro navegador muy comun es Firefox que tambien cuenta con 2 versiones:
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.
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
¡¿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.
NAVEGADORES:
¿Cuál es el protocolo que ayuda al funcionamiento del navegador?
¿Cuál es la versión segura del protocolo HTTP?
**¿Qué significa HTTP? **
¿Qué significa HTTPS?
¿De qué se encargan los protocolos HTTP y HTTPS?
¿Cómo se mostraban hace algunos años las páginas web?
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.
Les dejo algunos enlaces importantes a cerca de los novegadores web.
Wiki de los Navegadores
Wiki comparativa de navegadores
Comparativa de navegadores actializada casi en tiempo real
Estadísticas de participación del maercado de 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. 😄
Navegador
Definición:
-Es un programa con el cual podemos navegar en la web
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
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.
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
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! 😃
Qué es el navegador?
¿Cuál es el protocolo que permite el correcto funcionamiento de un navegador?
¿Cómo se llama la versión segura del protocolo HTTP?
¿Qué significan las siglas HTTP y HTTPS?
¿Cuál es la función del protocolo HTTP?
¿Cuál fue la consecuencia de que los navegadores del pasado interpretaran a su manera el protocolo HTTP?
¿Qué ayudo a que los sitios web se vieran igual en todos los navegadores?
¿Los navegadores modernos son capaces de entender HTML, CSS y JavaScript?
¿Cuál es el navegador más usado hoy en día?
¿Cuáles son las versiones de Google Chrome que existen?
¿Cuál es la versión de Google Chrome que usan los usuarios finales?
¿Cuál es la versión de Google Chrome que usan los desarrolladores web?
¿Google Chrome Dev es una extensión que instalamos en Google Stable?
¿Cuál es la versión de Google Chrome que cuenta con la versión más actualizada del desarrollo de este navegador?
¿Es buena práctica que probemos la manera en que se verá un sitio web que estamos construyendo en Google Stable?
¿Para qué nos sirve la extensión Dev de Google Chrome?
¿Cómo se llama la versión para navegadores del navegador Firefox?
¿Los navegadores Chrome, Edge y Firefox nos brindan DevTools?
¿Qué son las DevTools?
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
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.