https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e81fb5d1-b3e1-4119-b869-cedbfa0bf4e1/Untitled.png

Introducción al Curso 🔤

HTML y CSS: definición y usos → 2/43

¿Qué son y para qué nos sirven HTML y CSS? → 3/43

DOM, CSSOM, Render Tree y el proceso de renderizado de la Web → 4/43

Untitled

DOM: Document object modelEl navegador transforma las etiquetas en objetos que son entendibles para el navegador.

CSSOM: Este mismo agarra el código de css y lo transforma en un lenguaje entendible para el navegador

RENDER TREE: Este mismo es un árbol en el que el DOM y el CSSOM juntos para renderizar el proceso que creamos en el codigo.

Proceso de Renderizado de la Web

  1. Procesa el HTML y construye el DOM
  2. Procesa el CSS y construye el CSSOM
  3. Se unifican el DOM + CSSOM para obtener el Render Tree
  4. Ejecuta el diseño en el Render Tree
  5. Pinta el Render Tree en la pantalla

Untitled

Proceso para que el Navegador Interprete el Código HTML

Untitled

  1. El navegador transforma el código en bytes
  2. teniendo el código en bytes este los transforma en caracteres y este se da cuenta leyendo el meta charset
  3. Tokens, este los transforma en elementos html y los ordena
  4. Transforma estos en Nodos y estos son los que entiende el. Además clasifica los objetos y los contenidos
  5. El dom es el árbol de los elementos que se forma con todos estos pasos.

5 tips para aprender CSS → 5/43

Untitled