Historia de las computadoras

1

Fundamentos de Internet y Evolución de la Web

El lenguaje de la computadora

2

Evolución de Cálculos: Del Ábaco a Computadoras Humanas

3

Evolución de las Computadoras y el Código Máquina

4

Inputs y Outputs: Interacción con Computadoras

5

Conversión de Números Decimales a Binario

6

Bits y Bytes: Fundamentos del Código Binario y Transistores

7

Traducción de texto a binario usando código ASCII

8

Introducción a Unicode y su impacto en la comunicación digital

9

Conversión de Colores RGB a Código Binario

Cómo funciona el internet

10

Historia del Internet: De ARPANET a la Conexión Global

11

Evolución de ARPANET y el Surgimiento de Protocolos de Internet

12

Funcionamiento de los Protocolos de Comunicación en Internet

13

Interacción de Mensajes en las Capas de Protocolo de Internet

14

Origen y evolución de los proveedores de Internet (ISP)

15

Direcciones IP y DNS: Fundamentos para la Conectividad en Internet

Historia de la Web

16

Historia y Evolución de la Web: De ARPANET a Tim Berners-Lee

17

Evolución de los Navegadores Web: De Mosaic a Chrome

18

Estándares Web y el Rol del W3C en su Evolución

19

Funcionamiento y métodos del protocolo HTTP

20

Seguridad en Internet: Diferencias entre HTTP y HTTPS

21

Motores de Navegadores y Estándares Web

22

Fundamentos de HTML, CSS y JavaScript para Desarrollo Web

23

Introducción a WebAssembly: El nuevo estándar web

24

Diseño Web Multiplataforma: Mobile First y su Evolución

25

Internet de las Cosas y su Impacto en la Vida Cotidiana

Cómo funciona el navegador

26

Funcionamiento del navegador y el Critical Render Path

27

Introducción al DOM: Estructura y Función en HTML

28

Modelo de Objetos CSS: Interpretación y Generación de Árboles de Estilo

29

Renderizado de Árboles DOM y CSSOM en Navegadores

30

Generación de Layout en HTML y CSS

31

Renderizado y Estilización de Páginas Web

32

Interpretación de JavaScript por el Navegador

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Motores de Navegadores y Estándares Web

21/32
Recursos

¿Qué son los estándares web y por qué son importantes?

Los estándares web son fundamentales para garantizar que la información y los servicios en internet sean accesibles y fácilmente utilizables por todas las personas, sin importar qué dispositivos o navegadores usen. El primer estándar importante fue HTML, que estableció las reglas para estructurar el contenido en la web. Con el tiempo, otros estándares han emergido para mejorar la experiencia del usuario, facilitar la interacción y asegurar que las páginas web funcionen correctamente en cualquier navegador.

¿Cuál fue el problema inicial con los navegadores?

En los primeros días de internet, surgieron muchos navegadores diferentes, cada uno trabajando de manera aislada con su motor y enfrentando problemas únicos. Esto generó un caos, pues cada navegador interpretaba los estándares web de manera distinta, lo que se traducía en inconsistencias para los desarrolladores y usuarios.

¿Qué es el motor del navegador?

El motor de un navegador es responsable de interpretar y ejecutar los estándares web. Inicialmente, cada navegador tenía su propio motor, lo que complicaba el desarrollo web. Hoy en día, la mayoría de los navegadores utilizan un motor común conocido como Chromium, que facilita la implementación uniforme de estándares web.

- Chrome
- Brave
- Edge

¿Safari y Firefox usan Chromium?

Safari utiliza un motor llamado WebKit, mientras que Firefox tiene su propio motor. Aunque Firefox no usa Chromium, se esfuerza por implementar los estándares web de manera eficiente. Safari, por otro lado, ha optado por seguir su camino con WebKit.

¿Cuáles son las ventajas de unificar el motor en varios navegadores?

La unificación del motor en navegadores como Chrome, Edge y Brave significa menos trabajo para los desarrolladores, ya que no tienen que ajustar sus códigos para cada navegador. Al seguir un estándar común, cualquier nueva funcionalidad o mejora se puede aplicar de manera uniforme a través de diferentes plataformas, evitando inconsistencias y problemas de compatibilidad.

¿Cómo impacta esto en el futuro del desarrollo web?

Este enfoque alineado permite que las innovaciones en los estándares web se implementen más rápidamente y de manera más consistente. Los desarrolladores pueden crear productos web con la confianza de que funcionarán bien en cualquier navegador que use Chromium, lo que fomenta una web más unificada y accesible para todos. Los próximos estándares que veremos seguirán aprovechando esta unificación para ofrecer experiencias más ricas y fluidas para los usuarios en toda la web.

Aportes 11

Preguntas 1

Ordenar por:

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

Estándares web: navegadores


.

La guerra de los navegadores


En 1995, Netscape Navigator era la única forma de conectarse. Microsoft obtuvo la licencia del antiguo código de Mosaic y construyo Internet Explorer. Esto empezó una guerra por el dominio del acceso a internet, donde cada empresa creo nuevas versiones de sus programas.
.
Netscape creó y lanzó JavaScript, que dio a las páginas web potentes posibilidades. Microsoft contraatacó con Cascading Style Sheets (CSS), qué se convirtió en el estándar para el diseño de páginas web.
.
En 1997, Microsoft lanzo Internet Explorer 4.0. El equipo construyo una “e” gigante y la puso en el césped de la sede de Netscape. El equipo de Netscape la derribo y puso encima su mascota, el dinosaurio Mozilla.
.
Microsoft empezó a distribuir Internet Explorer con su sistema operativo Windows. En 4 años, obtuvo el 75% del mercado y en 1999 tenía el 99%. Netscape decidió abrir su código fuente y creó la organización sin ánimo de lucro Mozilla, que luego creó y lanzo Firefox en 2002. Para 2010, Mozilla Firefox, Google Chrome, Safari y otros navegadores habían reducido la participación de mercado de Internet Explorer al 50%.
.
En la actualidad, la gran mayoría de usuarios solo usan estos navegadores en dispositivos móviles debido al fácil acceso. A su vez, los navegadores cuentan con un motor que gestiona toda la interacción entre la web y el usuario. La gran mayoría utiliza el motor de Google Chrome llamado Chronium.

Clase 21 - Estándares web: Navegadores


Repaso de la clase


¿Cúal es el primer estándar de la web?

  • HTML.

¿Qué sucedía en el momento de la historia conocido como la guerra de los navegadores?

  • Lo que sucedía en estos tiempos era que cada navegador implementaba los estándares web que sacaba el W3C a su manera. Ocasionado muchos problemas para el desarrollador web en su momento.

¿Qué necesita un navegador para ser usado?

  • El motor del navegador.

¿Para qué sirve el motor del navegador?

  • Se asegura de la correcta implementación e interpretación de los estándares web que van sacando la W3C.

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

  • Chromium.

¿De qué navegador salió el motor Chromium?

  • De Google Chrome.

¿Qué navegadores usan Chromium?

  • Brave.
  • Edge
  • Chrome.

¿Cómo se llama el motor de navegador que usa Safari?

  • Webkit.

Algunos de los estándares Web más conocidos y ampliamente utilizados son:

-HTML (HyperText Markup Language), para definir la estructura de los documentos.
-XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías.
-CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.
-Javascript, que permite otorgar dinamismo y funcionalidad.

Este curso es muy importante y sospecho que en las universidades lo explican como en 2 semestres completos y aqui lo hacen tan directo, al punto y tan llevadero, gracias Platzi 😃

Los estándares web son un conjunto de reglas y especificaciones técnicas creadas por organizaciones como el World Wide Web Consortium (W3C) y el Internet Engineering Task Force (IETF). Estos estándares aseguran que los navegadores web interpreten y muestren el contenido de manera consistente, independientemente del navegador o dispositivo utilizado.

Un ejemplo es el estándar HTML (HyperText Markup Language), que define la estructura y el contenido básico de una página web. Otro ejemplo es CSS (Cascading Style Sheets), que controla el diseño y el aspecto visual de los elementos en una página web. Al seguir estos estándares, los desarrolladores pueden crear sitios web que se verán y funcionarán de manera similar en diferentes navegadores, lo que brinda una experiencia más coherente a los usuarios.

En resumen, los estándares web son como reglas que los navegadores siguen para asegurarse de que todos puedan acceder y disfrutar del contenido web de manera consistente y uniforme, sin importar qué navegador estén usando.

La guerra de los navegadores web se inició en los años 90, cuando dos navegadores se disputaban el mercado: Internet Explorer de Microsoft y Netscape Navigator de Netscape. Ambos navegadores introdujeron nuevas características y estándares para atraer a los usuarios, pero también generaron problemas de compatibilidad e inseguridad.

.

La primera guerra de los navegadores terminó con el triunfo de Internet Explorer, que llegó a tener más del 90% de cuota de mercado en 2003. Sin embargo, la aparición de nuevos competidores como Mozilla Firefox, Google Chrome, Safari y Opera reavivó la guerra de los navegadores en el siglo XXI. Estos navegadores ofrecen mayor velocidad, seguridad, privacidad y personalización que Internet Explorer, y siguen los estándares web definidos por el W3C. Actualmente, Google Chrome es el navegador más usado en el mundo, con más del 60% de cuota de mercado.

Un motor de navegador, también conocido como motor de renderizado, es el componente principal de un navegador web que se encarga de interpretar y mostrar el contenido de las páginas web. Es como el "cerebro" del navegador, responsable de traducir el código HTML, CSS y JavaScript en lo que vemos en la pantalla. **¿Cómo funciona el motor de un navegador?** El proceso de renderizado de una página web se puede dividir en varios pasos: 1. **Solicitud:** El usuario introduce una dirección URL en la barra de direcciones del navegador. El navegador envía una solicitud HTTP al servidor web correspondiente para obtener la página web. 2. **Recepción de la respuesta:** El servidor web envía una respuesta HTTP al navegador, que incluye el código HTML, CSS y JavaScript de la página web. 3. **Análisis del HTML:** El motor de navegador analiza el código HTML de la página web para identificar la estructura de la página, como los elementos HTML (encabezados, párrafos, imágenes, etc.) y su organización. 4. **Construcción del árbol DOM:** El motor de navegador crea un árbol DOM (Document Object Model), una representación en memoria de la estructura de la página web. El árbol DOM contiene información sobre cada elemento HTML y su relación con los demás. 5. **Análisis del CSS:** El motor de navegador analiza el código CSS de la página web para determinar el estilo de cada elemento HTML. El CSS define propiedades como el color, el tamaño de la fuente, la alineación y otros aspectos visuales. 6. **Aplicación de estilos:** El motor de navegador aplica los estilos CSS al árbol DOM para determinar la apariencia final de cada elemento HTML. 7. **Presentación en pantalla:** El motor de navegador utiliza el árbol DOM y los estilos CSS para generar la representación final de la página web en la pantalla del usuario. 8. **Ejecución de JavaScript:** Si la página web contiene JavaScript, el motor de navegador también lo ejecuta. JavaScript es un lenguaje de programación que permite agregar interactividad y dinamismo a las páginas web. **Componentes adicionales del motor de un navegador:** Además del renderizado de la página web, el motor de navegador también incluye otros componentes importantes: * **Administrador de memoria:** Gestiona la memoria utilizada por la página web y libera la memoria que ya no se necesita. * **Cargador de imágenes:** Descarga y muestra las imágenes de la página web. * **Motor de JavaScript:** Ejecuta el código JavaScript de la página web. * **Gestor de eventos:** Maneja los eventos de usuario, como clics del mouse y pulsaciones de teclas.

Utilizo brave de manera constante e incluso te da pequeñas cantidades de una crypto moneda creada por ellos solamente por el hecho de usarlo.
Muchos dicen que es mejor que Chrome en varios aspectos.
Si quieren ver que onda pueden investigarlo, lo recomiendo bastante!

Chromium es un motor de navegador? En el minuto se dice que Chromium es un motor 1:17 y segun mi investigue chromium usa el motor blink.

Es increible saber y conocer mas sobre los navegadores. Nunca pense que estos estuvieran en guerra por convencer a los usuarios de que su navegador era mejor. Cada navegador iba por su rubro y ejecutaba el mismo proceso pero con extensiones y configuraciones diferentes. Actualmente los mas usados serian el chrome y el edge.