«JavaScript: 
Árboles»

1. Introducción
El curso "Fundamentos de maquetación moderna" es la base para aprender los conceptos básicos de la maquetación de sitios web con HTML y CSS. En esta lección, haremos una breve introducción sobre lo que aprenderemos en el curso y cómo aplicar esos conocimientos en la práctica.

2. Qué es HTML
La lección se centra en la maquetación HTML desde cero. Hablamos sobre el papel de los atributos y aprendemos el esquema general de descripción de las etiquetas HTML.

3. Modelo de caja 📦
¿Qué elementos forman el esqueleto de la página y cuáles ayudan en la estilización o en la funcionalidad? Hablamos de elementos de bloque e in línea y cómo los estilos afectan el ancho final de los elementos.

4. HTML Semántico
El objetivo principal de cualquier maquetación HTML es transmitir el significado de los bloques. En esta lección, exploraremos las capacidades del último estándar HTML5 en cuanto a semántica y aprenderemos sobre la accesibilidad en la web.

5. Estructura básica de un documento HTML
Todo documento HTML tiene una estructura básica con etiquetas esenciales para que el navegador muestre la información. En esta lección, analizaremos cada línea de esta estructura.

6. Fundamentos de CSS 🎨
CSS se creó para el diseño visual de páginas web. Aprenderemos lo básico del lenguaje, cómo usarlo con HTML, a vincular archivos CSS y los tipos básicos de selectores.

7. Cascada en CSS
¿Qué es la cascada y cómo funciona en CSS? Esta lección se centra en las diferencias de prioridad de los selectores y en cómo utilizarlo en tus proyectos.

8. Chrome DevTools 🔧
Para diseñar un sitio web, es crucial detectar errores y ajustar bloques. Antes se hacía manualmente, pero ahora los navegadores como Chrome tienen herramientas de inspección. Veamos Chrome DevTools.

9. Editores de código
Para guardar los resultados de tu trabajo, necesitarás un editor de código. En esta lección, aprenderemos cómo instalar Visual Studio Code. Esta es una herramienta poderosa que se puede utilizar no solo para el diseño web, sino también para programar en cualquier lenguaje.

10. Emmet
Aprende uno de los complementos más útiles para los desarrolladores web - Emmet. Te permitirá acelerar la creación de la estructura del código HTML y eliminar la mayoría de las tareas rutinarias.

11. Publicación en Internet 🌐
Para publicar un proyecto en Internet, necesitas un hosting, que almacena los archivos y los hace accesibles mediante un dominio. En esta lección, veremos el hosting gratuito GitHub.

12. Editores gráficos
En el mercado existen varios editores principales. Algunos de ellos son específicos solo para un sistema operativo, mientras que otros pueden instalarse en cualquier sistema operativo. En esta sección, veremos las acciones principales que realiza un maquetador al trabajar con el editor en línea Figma.