Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Decisões de software para a vida toda

Decisões de software para a vida toda

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.

Pedro Marins

November 30, 2013
Tweet

Other Decks in Programming

Transcript

  1. DECISÕES DE SOFTWARE
    PARA A VIDA TODA

    View Slide

  2. Pedro Marins

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. catarse

    View Slide

  7. View Slide

  8. SOBRE O QUE VOU FALAR?

    View Slide

  9. O PODER DO COLABORATIVO

    View Slide

  10. O QUE FIZEMOS PARA TER

    UM CÓDIGO MELHOR, 

    MAIS FACILMENTE EVITÁVEL, 

    MAIS INTEGRADOR

    E COLABORATIVO.

    View Slide

  11. SOBRE O QUE NÃO VOU FALAR?

    View Slide

  12. O QUE VOCÊ DEVE FAZER!

    View Slide

  13. CÓDIGO LEGADO 

    MUITO RUIM QUE 

    PRECISAVA DE
    MANUTENÇÃO

    View Slide

  14. AUMENTAR INTEGRAÇÃO
    DA EQUIPE
    !
    DESIGN + FRONTEND + BACKEND

    View Slide

  15. ?

    View Slide

  16. MANUTENÇÃO OU
    JOGAR FORA?

    View Slide

  17. MARATONA
    X
    SPRINT

    View Slide

  18. JOGAR FORA!

    View Slide

  19. -

    View Slide

  20. MENOR VELOCIDADE DE
    ENTREGA NO INÍCIO

    View Slide

  21. CÓDIGO PARA DURAR

    View Slide

  22. +

    View Slide

  23. MANUTENÇÃO MUITO
    MAIS RÁPIDA

    View Slide

  24. CATARSE BOOTSTRAP

    View Slide

  25. 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.

    View Slide

  26. DECISÕES DE INTERFACE

    View Slide

  27. HTML + CSS

    View Slide

  28. ESTRUTURA:
    GRID

    View Slide

  29. View Slide

  30. View Slide

  31. CONVENÇÕES:
    OOCSS? SMACC? ATOMIC?

    View Slide

  32. TAGS = BOOTSTRAP
    CLASS = ESPAÇAMENTO E
    FONTES
    ID = JAVASCRIPT

    View Slide

  33. CONVENÇÕES:
    CLASSE UNITÁRIA

    View Slide

  34. BOTÃO LEGO

    View Slide

  35. BOTÃO LEGO

    View Slide

  36. BOTÃO LEGO

    View Slide

  37. BOTÃO LEGO

    View Slide

  38. BOTÃO LEGO

    View Slide

  39. BOTÃO LEGO


    View Slide

  40. FACILIDADES:
    SASS

    View Slide

  41. VARIABLES

    View Slide

  42. View Slide

  43. MIXINS

    View Slide

  44. View Slide

  45. View Slide

  46. NESTING

    View Slide

  47. View Slide

  48. View Slide

  49. + IMPORT

    + EXTEND

    + OPERATORS

    + PARTIALS

    View Slide

  50. FACILIDADES:
    PROCESSO DE DEPLOY

    View Slide

  51. GITHUB

    View Slide

  52. View Slide

  53. FACILIDADES:
    TESTES AUTOMÁTIZADOS

    View Slide

  54. TRAVIS

    View Slide

  55. View Slide

  56. FACILIDADES:
    REVISÃO DE CÓDIGO

    View Slide

  57. View Slide

  58. View Slide

  59. View Slide

  60. FACILIDADES:
    OPEN SOURCE

    View Slide

  61. View Slide

  62. COMO CONTRIBUIR:
    CATARSE

    View Slide

  63. README

    ESTUDE O CÓDIGO

    REPORTE UM BUG

    TRABALHE NO CÓDIGO

    FAÇA UM PULL REQUEST

    TEST DRIVE DAS CORREÇÕES

    View Slide

  64. COMO CONTRIBUIR:
    BRAZILJS

    View Slide

  65. View Slide

  66. View Slide

  67. SÍNDROME DO MERDA

    View Slide

  68. NÃO EXISTE CONTRIBUIÇÃO
    PEQUENA.

    View Slide

  69. TODA AÇÃO GERA UMA
    REAÇÃO. QUANDO VOCÊ
    AJUDA, OUTRAS PESSOAS TE
    AJUDAM TAMBÉM.

    View Slide

  70. VAI CONTINUAR 

    SENDO UM MERDA, 

    OU VAMOS CONTRIBUIR?

    View Slide

  71. OBRIGADO!
    PEDRO MARINS
    [email protected]
    @PEDROMARINS

    View Slide