O objetivo desta é apresentar um arcabouço de ferramentas técnicas e não técnicas para planejar o desenvolvimento tecnológico de uma empresa. Os focos principais serão a gerência e treinamento de profissionais, erros comuns que devem ser evitados e técnicas de modelagem de problema e software incluindo algumas táticas secretas pessoais.

1. O que aprendi como CTO
Douglas Rocha

2. Roadmap
● Princípios de liderança
● Problemas comuns
● Planejamento técnico
○ Front-end
○ Back-end
○ Infraestrutura
○ Integração de software

3. Quem sou eu
● Atualmente arquiteto empresarial
na RelevoLab
● CTO da InvestPro por 2 anos
● 13 anos de experiência
programando
● Amante de DDD, Elm, DSLs,
Haskell e algumas linguagens
nada convencionais

5. Now what?

6. Vamos falar sobre ego...

7. Líder (definição)
● Escolha da comunidade
● Bastião do “Psychological
safety”
● Gestor de conflitos

8. Líder Técnico v.s. Líder de Conhecimento
“Que código horrível! Vou te
mostrar como se faz.”
“Lê esses artigos aqui e
depois a gente discute.”
Não seja esse cara!

9. Gestão de conflitos
● Não decida de cabeça
quente
● Causas de Conflito
○ Ego
○ Compreensão de
algo
● Seja o norte

10. Desespero
Coletivo

11. Vamos falar de problemas recorrentes...

12. Business v.s. TI
Problema: Empresas conservam TI
como facção alienígena
Solução:
● Linguagem ubíqua
● TI (também) como experts do
domínio
● Business = Feedback
TI = Execução

13. Foco na ferramenta / linguagem
Problema: A maioria dos desenvolvedores
são incapazes de priorizar a solução
Solução:
● Top-down approach
● S.O.L.I.D

15. Preconceitos
Problema: C# > Java (parem com isso
por favor!)
Solução:
● “Piores” ferramentas são usadas
pelas maiores empresas
● Solução do problema > Ferramenta

16. Interface web quebrada
Problema: Scroll horizontal,
responsividade, alinhamento, etc
Solução:
● Rever os conceitos básicos de
posicionamento CSS

17. position: fixed;
position: static;
display: block;
position: relative;
position: absolute;
display: inline-block;
position: fixed;
display: flex;
display: inline-flex; display: inline;
display: grid;
Posicione primeiro!

18. Primeiro wireframe...
Logo a estrutura de divs

19. Planejamento curto-prazo
Problema: “Isso a gente faz quando
precisar, agora precisamos resolver”
Solução:
● Pense em composição
● Planeje para o futuro

20. Front-end Agora só falta
funcionar no
IE...

21. Componentes exigem hierarquia

22. Atomic design to the rescue!

23. Átomo
Molécula

24. Organismo
Template

25. Página

26. Micro-frontends

27. Back-end

28. Domain Driven Design

29. Mapas de Contexto

30. Agregados

31. Infraestrutura

32. Teorema CAP
Escolha dois
apenas!

33. NoSQL

35. Tipos de Integração
Sistema
de
Arquivos
Banco de
Dados
Compartilhado
RPC
Passagem de
Mensagem <3

36. Enterprise Integration Patterns

37. Fim!
douglas@rocha.vg