Atomic Design

Transcript

1. Atomic Design Quando a Química e a Física encontram a Computação
2. Oi… eu sou o Maneco Um Cearence que é front end e adora falar sobre temas loucos @manoeljosefneto
3. O que é atomic design? Tabela de Elementos Design Systems Atomic Design no fundo Atoms Molecules Organisms Templates Pages Como usar Atomic Design
4. O que é atomic Design Atomic design is a methodology for creating design systems Atomic design é uma metodologia para criar design systems Brad Frost
5. Tabela de Elementos Tabela de elementos HTML de Josh Duck
6. Design Systems We’re not designing pages, we’re designing systems of components. Stephen Hay Nós não estamos desenhando páginas, estamos desenhando sistemas de componentes Stephen Hay
7. Atomic Design
8. Atomic Design - Atoms
9. Atomic Design - Molecules
10. Atomic Design - Organisms
11. Atomic Design - Templates
12. Atomic Design - Pages
13. Atomic Design - Como fazer ?
14. Dúvidas?
15. Evidências Elementcast Podcast Post sobre atomic Design do Brad Post sobre design systems Fluent Design System Sketch Zepelin Vue Styleguidist StoryBook Josh Duck Blog Talk do Stephan sobre design responsivo Tabela periodica de elementos HTML
16. EEEEE Valeu!!!!!