O slideshow foi denunciado.
DECISÕES DE SOFTWARE
PARA A VIDA TODA
Pedro Marins
catarse
SOBRE O QUE VOU FALAR?
O PODER DO COLABORATIVO
O QUE FIZEMOS PARA TER

UM CÓDIGO MELHOR, 

MAIS FACILMENTE EVITÁVEL, 

MAIS INTEGRADOR

E COLABORATIVO.
SOBRE O QUE NÃO VOU FALAR?
O QUE VOCÊ DEVE FAZER!
CÓDIGO LEGADO 

MUITO RUIM QUE 

PRECISAVA DE
MANUTENÇÃO
AUMENTAR INTEGRAÇÃO
DA EQUIPE
!

DESIGN + FRONTEND + BACKEND
?
MANUTENÇÃO OU
JOGAR FORA?
MARATONA
X
SPRINT
JOGAR FORA!
-
MENOR VELOCIDADE DE
ENTREGA NO INÍCIO
CÓDIGO PARA DURAR
+
MANUTENÇÃO MUITO
MAIS RÁPIDA
CATARSE BOOTSTRAP
O QUE É?
!

CONJUNTO DE PADRÕES DE CÓDIGO USADOS 

NA INTERFACE DO SISTEMA QUE PROVÊ 	

INTEGRAÇÃO ENTRE AS EQUIPES DE DES...
DECISÕES DE INTERFACE
HTML + CSS
ESTRUTURA:
GRID
CONVENÇÕES:
OOCSS? SMACC? ATOMIC?
TAGS = BOOTSTRAP
CLASS = ESPAÇAMENTO E
FONTES
ID = JAVASCRIPT
CONVENÇÕES:
CLASSE UNITÁRIA
BOTÃO LEGO
BOTÃO LEGO

<a href=“#" class=“btn">
BOTÃO LEGO

<a href=“#" class=“btn btn-medium">
BOTÃO LEGO

<a href=“#" class=“btn btn-medium btn-orange">
BOTÃO LEGO

<a href=“#" class=“btn btn-medium btn-orange btn-margin">
BOTÃO LEGO

<a href=“#" class=“btn btn-medium btn-orange btn-margin">
<a href=“#" class=“buy-button“>
FACILIDADES:
SASS
VARIABLES
MIXINS
NESTING
+ IMPORT	

+ EXTEND	

+ OPERATORS	

+ PARTIALS
FACILIDADES:
PROCESSO DE DEPLOY
GITHUB
FACILIDADES:
TESTES AUTOMÁTIZADOS
TRAVIS
FACILIDADES:
REVISÃO DE CÓDIGO
FACILIDADES:
OPEN SOURCE
COMO CONTRIBUIR:
CATARSE
README 	

ESTUDE O CÓDIGO	

REPORTE UM BUG	

TRABALHE NO CÓDIGO	

FAÇA UM PULL REQUEST	

TEST DRIVE DAS CORREÇÕES
COMO CONTRIBUIR:
BRAZILJS
SÍNDROME DO MERDA
NÃO EXISTE CONTRIBUIÇÃO
PEQUENA.
TODA AÇÃO GERA UMA
REAÇÃO. QUANDO VOCÊ
AJUDA, OUTRAS PESSOAS TE
AJUDAM TAMBÉM.
VAI CONTINUAR 

SENDO UM MERDA, 

OU VAMOS CONTRIBUIR?
OBRIGADO!
PEDRO MARINS
CONTATO@PEDROMARINS.COM

@PEDROMARINS
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Decisões de software para a vida toda
Próximos SlideShares
Carregando em…5
×

Decisões de software para a vida toda

615 visualizações

Publicada em

Palestra realizada no 1° Encontro de Tecnologia da Serra do Silício. Nessa palestra falei sobre o poder da colaboração e que ferramentas e estratégias estamos usando no Catarse para que o código que estamos escrevendo na interface dure o máximo de tempo possível.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Decisões de software para a vida toda

  1. 1. DECISÕES DE SOFTWARE PARA A VIDA TODA
  2. 2. Pedro Marins
  3. 3. catarse
  4. 4. SOBRE O QUE VOU FALAR?
  5. 5. O PODER DO COLABORATIVO
  6. 6. O QUE FIZEMOS PARA TER
 UM CÓDIGO MELHOR, 
 MAIS FACILMENTE EVITÁVEL, 
 MAIS INTEGRADOR
 E COLABORATIVO.
  7. 7. SOBRE O QUE NÃO VOU FALAR?
  8. 8. O QUE VOCÊ DEVE FAZER!
  9. 9. CÓDIGO LEGADO 
 MUITO RUIM QUE 
 PRECISAVA DE MANUTENÇÃO
  10. 10. AUMENTAR INTEGRAÇÃO DA EQUIPE ! DESIGN + FRONTEND + BACKEND
  11. 11. ?
  12. 12. MANUTENÇÃO OU JOGAR FORA?
  13. 13. MARATONA X SPRINT
  14. 14. JOGAR FORA!
  15. 15. -
  16. 16. MENOR VELOCIDADE DE ENTREGA NO INÍCIO
  17. 17. CÓDIGO PARA DURAR
  18. 18. +
  19. 19. MANUTENÇÃO MUITO MAIS RÁPIDA
  20. 20. CATARSE BOOTSTRAP
  21. 21. O QUE É? ! CONJUNTO DE PADRÕES DE CÓDIGO USADOS 
 NA INTERFACE DO SISTEMA QUE PROVÊ INTEGRAÇÃO ENTRE AS EQUIPES DE DESIGN E DESENVOLVIMENTO.
  22. 22. DECISÕES DE INTERFACE
  23. 23. HTML + CSS
  24. 24. ESTRUTURA: GRID
  25. 25. CONVENÇÕES: OOCSS? SMACC? ATOMIC?
  26. 26. TAGS = BOOTSTRAP CLASS = ESPAÇAMENTO E FONTES ID = JAVASCRIPT
  27. 27. CONVENÇÕES: CLASSE UNITÁRIA
  28. 28. BOTÃO LEGO
  29. 29. BOTÃO LEGO <a href=“#" class=“btn">
  30. 30. BOTÃO LEGO <a href=“#" class=“btn btn-medium">
  31. 31. BOTÃO LEGO <a href=“#" class=“btn btn-medium btn-orange">
  32. 32. BOTÃO LEGO <a href=“#" class=“btn btn-medium btn-orange btn-margin">
  33. 33. BOTÃO LEGO <a href=“#" class=“btn btn-medium btn-orange btn-margin"> <a href=“#" class=“buy-button“>
  34. 34. FACILIDADES: SASS
  35. 35. VARIABLES
  36. 36. MIXINS
  37. 37. NESTING
  38. 38. + IMPORT + EXTEND + OPERATORS + PARTIALS
  39. 39. FACILIDADES: PROCESSO DE DEPLOY
  40. 40. GITHUB
  41. 41. FACILIDADES: TESTES AUTOMÁTIZADOS
  42. 42. TRAVIS
  43. 43. FACILIDADES: REVISÃO DE CÓDIGO
  44. 44. FACILIDADES: OPEN SOURCE
  45. 45. COMO CONTRIBUIR: CATARSE
  46. 46. README ESTUDE O CÓDIGO REPORTE UM BUG TRABALHE NO CÓDIGO FAÇA UM PULL REQUEST TEST DRIVE DAS CORREÇÕES
  47. 47. COMO CONTRIBUIR: BRAZILJS
  48. 48. SÍNDROME DO MERDA
  49. 49. NÃO EXISTE CONTRIBUIÇÃO PEQUENA.
  50. 50. TODA AÇÃO GERA UMA REAÇÃO. QUANDO VOCÊ AJUDA, OUTRAS PESSOAS TE AJUDAM TAMBÉM.
  51. 51. VAI CONTINUAR 
 SENDO UM MERDA, 
 OU VAMOS CONTRIBUIR?
  52. 52. OBRIGADO! PEDRO MARINS CONTATO@PEDROMARINS.COM
 @PEDROMARINS

×