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.

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
    CONTATO@PEDROMARINS.COM

    @PEDROMARINS
    

    View Slide