Clean Code Matters - JavaScript

1. Clean Code Matters! Por que Clean Code importa e 5 dicas para melhorar seu código.

2. Kewerson Hugo @kewersonhugo

3. O que é Clean Code?

4. Fácil de ler

5. Fácil de entender

6. Fácil de manter

7. Comunicação e expressão

8. Menos ambiguidade

9. Workflow

10. Interação entre objetos

11. Propósito de existir

12. Mas por quê importa?

13. Nós lemos mais do que escrevemos

14. Outros irão ler seu código

17. Código não é abandonado

18. O mais difícil é manter

19. Aumenta a confiança

21. // --------------------------------------------------- // VARIAVEIS // --------------------------------------------------- let message = "Hello World!" let contador = 0 // --------------------------------------------------- // FUNCOES // --------------------------------------------------- function incrementaContador() { contador++ //Incrementa o contador. } //function helloWorld() { // print("Hello World!") //}

22. // --------------------------------------------------- // VARIAVEIS // --------------------------------------------------- let message = "Hello World!" let contador = 0 // --------------------------------------------------- // FUNCOES // --------------------------------------------------- function incrementaContador() { contador++ //Incrementa o contador. } //function helloWorld() { // print("Hello World!") //}

23. // --------------------------------------------------- // VARIAVEIS // --------------------------------------------------- let message = "Hello World!" let contador = 0 // --------------------------------------------------- // FUNCOES // --------------------------------------------------- function incrementaContador() { contador++ //Incrementa o contador. }

26. let message = "Hello World!" let contador = 0 function incrementaContador() { contador++ //Incrementa o contador. }

27. let message = "Hello World!" let contador = 0 function incrementaContador() { contador++ //Incrementa o contador. } //function helloWorld() { // print("Hello World!") //}

29. et message = "Hello World!" et contador = 0 unction incrementaContador() { contador++ //Incrementa o contador. /function helloWorld() { / print("Hello World!")

32. let message = "Hello World!" let contador = 0 function incrementaContador() { contador++ } //function helloWorld() { // print("Hello World!") //}

35. let message = "Hello World!" let contador = 0 function incrementaContador() { contador++ }

36. 1# Evite códigos e comentários inúteis

37. function authUsuario() {…} function usuarioAprovado() { let a = "Parabéns" … }

38. function authUsuario() {…} function usuarioAprovado() { let a = "Parabéns" … }

39. function autenticaLoginUsuario() {…} function usuarioAprovado() { let a = "Parabéns" … }

43. function aaautenticaaaLoginUsuaaario() {…} function usuaaarioaaaprovaaado() { let aaa = "Paaaraaabéns" … }

44. function aaautenticaaaLoginUsuaaario() {…} function usuaaarioaaaprovaaado() { let aaa = "Paaaraaabéns" … }

46. function autenticaLoginUsuario() {…} function usuarioAprovado() { let mensagemDeBoasVindas = "Parabéns" … }

47. function autenticaLoginUsuario() {…} function usuarioAprovado() { let mensagemDeBoasVindas = "Parabéns" … }

48. 2# Use nomes descritivos

49. let ddmmyyyyStr = formataDataAtual("dd-MM-yyyy")

53. let dataAtualCompleta = formataDataAtual("dd-MM-yyyy")

54. let dataAtualCompleta = formataDataAtual("dd-MM-yyyy")

55. 3# Use nomes pronunciáveis

56. if (idade > 18) { if (!faturaPendente) { … } }

57. if (idade > 18) { if (!faturaPendente) { if (condicao3) { if (condicao4) { if (condicao5) { … } } } } }

58. if (idade > 18) { if (!faturaPendente) { if (condicao3) { if (condicao4) { if (condicao5) { … } } } } }

60. if (idade > 18) { if (!faturaPendente) { … } }

61. if (idade > 18 && !faturaPendente) { … }

64. if (idade > 18 && !faturaPendente && condicao3 && condicao4 && condicao5 && condicao6) { … }

65. if (idade > 18 && !faturaPendente && condicao3 && condicao4 && condicao5 && condicao6) { … } NO

67. function () { } if (idade > 18 && !faturaPendente) { … }

68. function () { } if (idade > 18 && !faturaPendente) { … }

69. function (idade, faturaPendente) { } if (idade > 18 && !faturaPendente) { … }

70. function (idade, faturaPendente) { } if (idade > 18 && !faturaPendente) { … }

71. function (idade, faturaPendente) { return idade > 18 && !faturaPendente } if () { … }

72. function isUsuarioValido(idade, faturaPendente) { return idade > 18 && !faturaPendente } if () { … }

73. function isUsuarioValido(idade, faturaPendente) { return idade > 18 && !faturaPendente } if (isUsuarioValido(idade, faturamentendete)) { … }

74. function isUsuarioValido(idade, faturaPendente) { return idade > 18 && !faturaPendente } if (isUsuarioValido(idade, faturamentendete)) { … }

75. 4# Encapsule condicionais dentro funções

76. let pacote = Pacote( … ) function calculaFrete(endereco) { pacote.frete = Correios.frete( pacote.endereco, endereco) return pacote.frete }

83. let pacote = Pacote( … ) function calculaFrete(endereco) { let numeroAntesDoCinco = 4 let capitalDoParana = "Curitiba" ... }

86. let pacote = Pacote( … ) function calculaFrete(endereco) { return Correios.frete(pacote.endereco, endereco) }

93. let pacote = Pacote( … ) function calculaFrete(origem, destino) { return Correios.frete(pacote.endereco, endereco) }

94. let pacote = Pacote( … ) function calculaFrete(origem, destino) { return Correios.frete(pacote.endereco, endereco) }

95. let pacote = Pacote( … ) function calculaFrete(origem, destino) { return Correios.frete(origem, destino) }

96. let pacote = Pacote( … ) function calculaFrete(origem, destino) { return Correios.frete(origem, destino) }

97. 5# Evite efeitos colaterais

Clean Code Matters - JavaScript

Mais conteúdo relacionado

Semelhante a Clean Code Matters - JavaScript (20)

Último (6)

Clean Code Matters - JavaScript