Curso de Introducción a la Web: Historia y Funcionamiento de Internet
Curso de Introducción a la Web: Historia y Funcionamiento de Internet

Historia de las computadoras

1

¿Cómo desarrollar para la web?

El lenguaje de la computadora

2

Historia de la computación

3

¿Quiénes eran las computadoras?

4

Inputs y Outputs

5

Binario

6

Bits y Bytes

7

ASCII

8

UNICODE

9

RGB

Cómo funciona el internet

10

¿De donde viene el internet?

11

Internet internacional

12

Protocolos

13

Paso a paso de cómo funciona los protocolos

14

ISP

15

DNS

Historia de la Web

16

El primer desarrollador Web

17

Web Browser

18

W3C

19

Evolución del protocolo HTTP

20

HTTPS

21

Estandarés Web: navegadores

22

Estandarés Web: HTML, CSS y Javascript

23

Web Assembly

24

La Web moderna: ¿dónde estamos ahora?

25

La web moderna: internet of things, machine learning e inteligencia artificial

Cómo funciona el navegador

26

¿Cómo funciona el navegador?

27

DOM

28

CSSOM

29

Render Tree

30

Layout

31

Paint

32

JS Engine

No tienes acceso a esta clase

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

Si ya tienes una cuenta,

Iniciar sesión
Curso de Introducción a la Web: Historia y Funcionamiento de Internet

Curso de Introducción a la Web: Historia y Funcionamiento de Internet

Diego De Granda

Diego De Granda

DOM

27/32
Recursos

Aportes 8

Preguntas 0

Ordenar por:

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

o inicia sesión.

Luis Castro

Luis Castro

hace 2 meses

¿Qué es el DOM?

Es una interfaz de programación que comprende páginas web (nodos) que son etiquetas HTML como <html>, <meta>, <title>, <body> y <footer>, semánticas y no semánticas y otros objetos de nodos. El DOM, que es un estándar W3, representa las páginas web como una estructura de nodos en forma de árbol, conocida como documentos.
.

Estructura DOM o DOM Tree

El DOM existe en una estructura jerárquica similar a un árbol, donde cada elemento web que compone el documento se puede considerar como un nodo, es decir, las etiquetas del elemento, el atributo asignado al elemento, el comentario, el contenido del texto y el documento también es un nodo.
.

.

Allán Denilson Cardona Santos

Allán Denilson Cardona Santos

hace 3 meses
Baldan

Creo que una entidad como el DOM es una solución a la necesidad de procesamiento de datos en los cuales existe una jerarquía entre ellos. La jerarquía en el caso de una web, está en el html, ya que unas etiquetas pueden estar dentro de otras, y en css tenemos jerarquía de reglas, en las que unas reglas de mayor prioridad, pueden sobreponerse a otras de menor prioridad.
Se me ocurre extrapolar el concepto de DOM y llamarlo Modelo de Objeto de Datos Jerarquizados (NDOM, Nested Data Object Model). Considero que NDOM es el papa del DOM y de otras soluciones que se aplican cuando se quieren procesar e interpretar datos en los cuales existe una jerarquía entre ellos. Algunos posibles campos de aplicación de esta solución podrían ser el procesamiento gráfico para renderizaciones 3D, por ejemplo en motores gráficos para videojuegos y el procesamiento del lenguaje natural humano. Aunque para el procesamiento del lenguaje natural humano se ha recurrido a las redes neuronales de aprendizaje profundo.

Rubén Ernesto Aragón Gil

Rubén Ernesto Aragón Gil

hace 2 meses
Andrés Soret Chacin

Andrés Soret Chacin

hace 2 meses

Saber sobre manipulación del DOM es importante si quieres de dedicarte al área del desarrollo web, ya que te permite modificar la estructura, el contenido y el estilo de los documentos HTML usando JavaScript. Algunas razones para aprender sobre manipulación del DOM son:

  • Te permite crear páginas web dinámicas e interactivas, que responden a los eventos y acciones de los usuarios.
  • Te permite acceder y modificar los elementos HTML usando métodos y propiedades del DOM, como getElementById, querySelector, innerHTML, appendChild, etc.
  • Te permite aplicar estilos CSS a los elementos HTML usando propiedades del DOM, como className, style, setAttribute, etc.
  • Te permite crear y eliminar elementos HTML de forma dinámica usando métodos del DOM, como createElement, removeChild, replaceChild, etc.
Carlos Ramos

Carlos Ramos

hace un mes

Clase 27 - DOM

Repaso de la clase

¿Qué significan las siglas DOM?

  • Document Object Model.

¿A qué está orientada la programación web?

  • Objetos.

¿Qué es el DIOM?

  • Es un árbol de nodos que crea el navegador para entender los archivos HTML del sitio web.

¿Qué usa HTML para funcionar?

  • Etiquetas.

¿Qué son las etiquetas?

  • Son los elementos que usamos para darle la estructura al contenido del sitio web.
Valentina Hernández

Valentina Hernández

hace 14 días

hay 5 las etapas del Critical Rendering Path: DOM, CSSOM, Render Tree, Layout y Paint.

Isaac Bryan Ascanoa Roncall

Isaac Bryan Ascanoa Roncall

hace 2 meses

Es interesante el conocimiento de la interfaz DOM que tiene una estructura de nodos como si fuera arboles. Es similar a flutter el cual en su caso se llama widgets. Es interesante saber que DOM son las ramas de las paginas web y widgets las ramas de las apps.