04. Conexión entre dart y html

Para una mejor comprensión de una aplicación web hecha con dart, hay que tener claro estos conceptos:

DOM

El Modelo de Objetos de Documento (DOM) representa la estructura de un documento web como un árbol de nodos.

Cuando un archivo HTML se carga en un navegador, el navegador interpreta el HTML y muestra el documento en una ventana.
El siguiente diagrama muestra un simple archivo HTML y la situación de su nodo correspondiente en el Modelo de objetos del documento DOM.

En el árbol DOM:

• El objeto 'documento' se encuentra en la raíz del árbol (no tiene padre). 
• Cada nodo del árbol representa un tipo de objeto html y puede tener varios hijos.
• El archvio .html define la estructura inicial, pero puede ser modificada.
• El archivo .dart o .js puede modificar la estructura, al agregar, eliminar y modificar los nodos.
• Cuando se cambia el árbol, el navegador vuelve a representar la ventana inmediatamente.