Web Developer Fundamentals

HTML → Estructura de la página

CSS → Lenguaje para dar estilos, interacción y mejorar la experiencia de los usuarios.

Perfiles de un Web Developer:

Paginas Estáticas y Dinámicas:

<aside> 💡 Tip: CTRL + K + C → Comenta selección en VSC, no importa el lenguaje.

</aside>

HTML (Hipertext Markup Languaje)

Lenguaje de marcado de hipertexto:

<aside> 💡 <!— Comentarios en HTML —>

</aside>

Anatomía de una pagina web

Container →El contenedor principal del sitio

Header → Contiene el titulo de la página y permite la navegación en el sitio

Main Content → Estructura que guarda la información principal de la pag web

Sidebar → Información secundaria

Footer → Contine información adicional del sitio o empresa

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f20fa691-adf7-4be7-bf0a-72de42351d43/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e181d6dc-8878-449d-8429-57f23a59567c/Untitled.png

Anatomía de una etiqueta de HTML

ETIQUETA DE APERTURA → En ella van los atributos.

ETIQUETA DE CIERRE → LLeva un /. Las etiquetas que no necesiten llevar contenido no tienen etiqueta de cierre.

CONTENIDO → Lo que va entre las etiquetas de apertura y cierre

ELEMENTO → Conjunto de la etiqueta y su contenido

ATRIBUTO → Aquellos argumentos que van en la etiqueta de apertura. Pueden ser vacios (solo llevan una palabra) o compuestos (tienen un valor).

Index y su estructura Básica (Boilerplate):

<aside> 💡 El archivo index.html es el primero que el servidor va a buscar al abrir un proyecto. De no encontrarlo, muestra la estructura en carpetas del proyecto, a menos que se le indique al navergador cual es el nombre del archivo que debe buscar.

</aside>

Semántica de HTML (Maquetación básica de una pagina web). BOILERPLATE.