No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

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.

¬Ņ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.
.

.

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.

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.

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.

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

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.