Es decir… saben como usar este estilo de diseño?

aside || nav || section || article === «div semántico»…

fashion divs 😂

bn dia a todos…! una pregunta… alguien de ustedes sabe como guiarse con https://material.io

es decir… saben como usar este estilo de diseño?

porque yo no me entero bien de como se usa…

o como me guio con este tipo de diseño de google…

gracias de antemano por la respuesta…!

or semantic divs = { header || aside || nav || section || article || footer }

CDN, instalas el paquete, etc… Como otros frameworks/librerías.

Está en la documentación.

https://material.io/develop/web/docs/getting-started/

Acá también:

https://github.com/material-components/material-components-web/

Bueno, no creo que sea tan así…

Según entiendo… los divs siguen siendo usados y de utilidad… pero el tema es que ahora se organiza con esas nuevas etiquetas que surgieron justamente de las clases y id de los «divs»…. ya que de todas formas se organizaba div.main div.nav. div.aside, etc… y todo eso lo entiendo a la perfección, lo único que me generaba dudas era el tema de section y article.. ya que también se anidan… y no es que section reemplace a un div… ya que section tiene su razoón de ser

(( Según entiendo, claro esta))

y es algo que a todas luces causa confusión…
hay personas que dirán que los article van dentro de los section, otros que al revés…

para esto no hay regla, solo tu sentido común

yo soy más de la teoría de que pueden usarse más de un section, y los articles sólo cuando vaya un contenido amplio como si fuera el capítulo de un libro

el nombre que le dan a esos «fancy div» es para que pongas orden en la pea respecto a tu contenido… por lo demás, no hay diferencia (ni en HTML ni en CSS) a un div genérico

por tanto, no hay una regla escrita en piedra que te diga cual debe anidarse dentro de cual (o si deben anidarse)

si quieres usar nav como div para todo, it’s up to you, el maquetado va a quedar feo de cojones, claro, pero si lo entiendes y hace el trabajo ¯_(ツ)_/¯

Puede ponerse un nav lateral o eso es para la barra principal al inicio? O se usa aside?

¿ni siquiera los de FCC?

ni siquiera 😋

la manera en la que fueron escritas las pruebas HTML del FCC es solo para darte una base semántica de la que partir… es una guía, no una regla 😉

lo mismo aplica para cualquier tecnología

se supone que: aside es para barras laterales desplegadas en vertical y nav para barras superiores y/o inferiores desplegadas en horizontal… pero ya he visto maquetados que tienen todo lo contrario

porque si

Pero los buscadores…. te dan más o menos bola según tu semántica?

sip

esto si

Pues… es importante entonced

todo es semantico, el navegador los intrepeta como un div

eso es uno de 10192830198230128390 criterios, si es importante para ti que se vea en los buscadores, fino. Pero si es una documentación interna de una app de tu empresa, no creo que importe mucho ese criterio, no crees? 😉

o incluso si es un sistema de monitoreo web cuyo HTML está generado dinámicamente via backend (y es una 💩)

Vale

En fin justificaría los medios. Además que ahora con grid arranco por el footer y termino arriba y luego lo acomodo 😂