Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Back-end & Front-end em Harmonia com Atomic Design
Search
DevTalks Bauru
July 06, 2017
Design
0
44
Back-end & Front-end em Harmonia com Atomic Design
Talk do Matheus Costa
DevTalks Bauru
July 06, 2017
Tweet
Share
More Decks by DevTalks Bauru
See All by DevTalks Bauru
Construindo Microsserviços a partir de um Monolito
devtalksbauru
0
210
Robôs para Mercado Financeiro com MQL
devtalksbauru
1
200
Introdução ao Universo React Native
devtalksbauru
0
350
Go, Goroutines, Concorrência e Outros Bichos
devtalksbauru
0
78
Como Garantir a Qualidade da Sua Aplicação
devtalksbauru
0
96
BDD - Além da Automação
devtalksbauru
0
90
PHP7 - Not for kids
devtalksbauru
0
46
A verdade sobre Frameworks
devtalksbauru
0
49
Home Office: Você e a sua empresa estão preparados?
devtalksbauru
0
130
Other Decks in Design
See All in Design
How to get a Tiger to Tulsa
mcduckyart
0
120
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.3k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
390
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
1.7k
Yumika Yamada Portfolio
yumii
0
1k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
アクセシビリティに取り組むメリット
magi1125
1
220
The Spectacular Lies of Maps
axbom
PRO
1
190
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
9.7k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
5
720
PF_濵村ひろみ_202503
maru_design78
0
200
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.7k
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
Six Lessons from altMBA
skipperchong
28
3.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Producing Creativity
orderedlist
PRO
346
40k
Agile that works and the tools we love
rasmusluckow
329
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Transcript
FRONT END BACK harmonia Atomic Design em com &
SOU @matheusagcosta EU? QUEM @fintechdev #comunidade <3
DESIGN OI? ATOMIC metodologia
None
None
None
None
None
átomos BOTÃO Parágrafo Título LINK #8ABE5E
moléculas Título Estilizado AÇÃO 2 AÇÃO 1 Item 1 Item
2 Item 3 Item 4
organismos Alerta AÇÃO 2 Mensagem de confirmação AÇÃO 1 LOGO
Link Ativo Link Link Link Link Texto de rodapé Link
Modelos LOGO Link Ativo Link Link Link Link texto de
rodapé Link IMAGEM
páginas Dev T alks Contact About Blog Home Sitemap copyright
© 2017 Terms
None
None
Bootstraps tiny
organizando química toda a
None
http://patternlab.io/
http://demo.patternlab.io/
MAS…
https://www.sitepoint.com/setting-up-a-living-styleguide-in-jekyll/
case fintechdev
navegação detalhes código demonstração
None
demo time
atomic design CSS? no
“…atomic design has nothing to do with CSS or JavaScript
architecture.” http://bradfrost.com/blog/post/atomic-design-is-for-user-interfaces/ - Brad Frost
arquitetura CSS
http://www.creativebloq.com/web-design/manage-large-css- projects-itcss-101517528
None
metodologia CSS
BLOCK ELEMENT MODIFIER - .header - .header__title - .header__title--dark
None
! atomicdesign.bradfrost.com tableless.com.br/o-que-é- design-atomic "