A apresentação discute princípios de código limpo, incluindo: 1) usar nomes significativos para variáveis e funções; 2) escrever funções pequenas com uma única responsabilidade; 3) usar testes de unidade para garantir qualidade e manutenibilidade do código.

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