No tienes acceso a esta clase

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

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

18 Días
14 Hrs
5 Min
6 Seg

DOM

27/32
Recursos

Aportes 10

Preguntas 0

Ordenar por:

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

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

.

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.

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.

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.

Una página web es como un **árbol con muchas ramitas.** Cada parte de la página, como los textos, las imágenes, y los botones, son como esas ramitas. El DOM, es como el plano o el mapa que nos muestra cómo están organizadas todas esas ramitas en el árbol.

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

Palabras mas palabras menos el Dom, viene siendo el arbol estructural de etiquetas html, que vendrían a ser controlado o manipulado mediante el programa Javascript.

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.