Clean code: Escrevendo JS profissional

Slides da talk para o Google Dev Fest 2017 em Campinas

Transcript

1. Escrevendo JS profissional Clean code:
2. VOCÊ ESCREVE CÓDIGO LIMPO?
3. AGENDA • Nomes significativos • Funções • Testes de unidade
4. GABRIEL RIBEIRO FRONT-END DEVELOPER VICTOR MIGUEZ FRONT-END DEVELOPER VICTORMIGUEZ GABRIEL-RIBEIRO-IR
6. NOMES SIGNIFICATIVOS
7. NOMES QUE REVELAM SUAS INTENÇÕES
8. NOMES QUE REVELAM SUAS INTENÇÕES
9. FAÇA DISTINÇÕES SIGNIFICATIVAS
10. FAÇA DISTINÇÕES SIGNIFICATIVAS
11. USE NOMES PRONUNCIÁVEIS E PESQUISÁVEIS
12. USE NOMES PRONUNCIÁVEIS E PESQUISÁVEIS
13. NÃO ADICIONE CONTEXTO DESNECESSÁRIO
14. NÃO ADICIONE CONTEXTO DESNECESSÁRIO
15. NOMES SIGNIFICATIVOS • Escreva código para humanos; • Evite nomes que possam ter o mesmo significado; • Tenha conhecimento de domínio do projeto; • Não tenha medo de se aproximar do business da sua empresa;
16. FUNÇÕES
17. Para obter os produtos e suas imagens: - Nós buscamos todos os produtos cadastrados - Fazemos o parse da resposta para JSON - Passamos essa resposta por um laço de repetição - Obtemos a imagem de cada produto - Fazemos o parse da resposta para JSON - Atribuímos o atributo “image” para cada produto THE STEPDOWN RULE
18. FUNÇÕES
19. FUNÇÕES
20. FUNÇÕES
21. FUNÇÕES
22. FUNÇÕES productsServices.js products.js
23. FUNÇÕES • Escreva funções pequenas, com responsabilidade única; • A ordem de definição importa; • Utilize nomes expressivos; • Evite efeitos colaterais;
24. TESTES DE UNIDADE
25. Testes de unidade
26. TDD
27. Clean Code: A Handbook of Agile Software Craftsmanship Beau teaches Clean Code Clean code Filipe Descamps Object calisthenics PRÓXIMOS PASSOS
28. OBRIGADO! campinas-front-end/clean-code Feedback ~> https://goo.gl/qA5s8J