Atomic Design - Platzi

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Jeffer Steven Nuñez Aragon

Atomic Design

.

Atomos ⚛️

Elementos de interfaz que no se pueden dividir más y sirve como bloques de construción

Ejemplo: Label Input Button
.
Moleculas 🦠

Son Colecciones de átomos que forman componentes de interfaz de usuario relarivamente simples

Label > Input-Button
.
Organismos 🌵

Son componentes relativamente complejos que forman secciones discretas de Interfaz

Header > Img-Nav > ul > Li-Label
.
Plantillas (Templates)📟

Colocan componentes dentro de un diseño y demuestran la estructura de contenido subyacente al diseño

Body > Header - Main - Footer
.
Páginas 📄

Aplican contenido real a las plantillas

Happy Day! 🌞

Diego Morales

* [¿Por qué usar Atomic Design?https://platzi.com/blog/por-que-atomic-design/](https://platzi.com/blog/por-que-atomic-design/)

Brandon Lee Aguero Fernandez

Por aquí les dejo un video adicional sobre Atomic Design.