4 dicas para escrever código limpo em JavaScript (Clean Code para Iniciantes)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024

ความคิดเห็น • 37

  • @tiagoribeiro6486
    @tiagoribeiro6486 ปีที่แล้ว +12

    Conteúdo excelente! Formar os novos programadores já com a consciência da excelência de código. Que venha muito mais desse conteúdo.

  • @noriller
    @noriller ปีที่แล้ว +6

    uma frase pra resumir e lembrar fácil: se precisa explicar, então da pra refatorar
    15:14 em vez de "!!", acho que ficaria mais claro colocando dentro de um "Boolean()"

    • @maykbrito
      @maykbrito ปีที่แล้ว +3

      Total! Baita refatoração que traria muito mais clareza pro código 💛

    • @evandromottaz
      @evandromottaz ปีที่แล้ว

      Faria sentido usar o some(), ele retorna um boolean se encontrar algum dentro do array.

  • @luizpauloalves9878
    @luizpauloalves9878 ปีที่แล้ว +1

    Gostei, entendi muito! 😄 Continue com o ótimo trabalho👍

  • @alexandregaspar786
    @alexandregaspar786 ปีที่แล้ว +2

    Show vc é 10! Sou teu fã! 👍

  • @moisesggomes
    @moisesggomes ปีที่แล้ว +3

    Vídeo super relevante. Valeu!

  • @igorrocha3145
    @igorrocha3145 ปีที่แล้ว +1

    9:34
    Essa forma de verificar se um arquivo termina com a extensão permitida pode possibilitar algo indesejado, como um arquivo "testepng.txt" já que a validação que está sendo feita é se a extensão está incluída no nome do arquivo.
    Uma validação melhor seria utilizar o método "endsWith()" da seguinte forma:
    const isImageMayk = filename => {
    let allowedImages = [".jpg", ".png", ".svg"]
    return !!allowedImages.find(ext => filename.endsWith(ext))
    }

    • @sostenesapollo
      @sostenesapollo ปีที่แล้ว +1

      const isImageMayk = filename => {
      let allowedImages = [".jpg", ".png", ".svg"]
      return allowedImages.some(ext => filename.endsWith(ext))
      }
      usando some, seria melhor

  • @andrewSantosMaia
    @andrewSantosMaia ปีที่แล้ว +1

    tira do titulo java script. Isso é aplicavel a qualquer linguagem. Top!

  • @BoraBuscar
    @BoraBuscar ปีที่แล้ว

    Obrigado amigo pelo conteúdo!!

    • @rocketseat
      @rocketseat  ปีที่แล้ว

      Nós que agradecemos!

  • @patrickrigaud6342
    @patrickrigaud6342 ปีที่แล้ว +3

    Eu fiquei com uma dúvida.
    Pq usar:
    const isImageMayk = filename => {
    let allowedImages = [".jpg", ".png", ".svg"]
    return !!allowedImages.find(ext => filename.includes(ext))
    }
    Sendo que posso usar simplesmente:
    const isImageMayk = filename => {
    let allowedImages = [".jpg", ".png", ".svg"]
    return !!allowedImages.includes(filename)
    }
    Qual é a brisa de usar esse find nesse caso? o que influenciaria?

    • @sostenesapollo
      @sostenesapollo ปีที่แล้ว

      const isImageMayk = filename => {
      let allowedImages = [".jpg", ".png", ".svg"]
      return allowedImages.some(ext => filename.endsWith(ext))
      }
      usando some, seria melhor

    • @HugoRaniere
      @HugoRaniere ปีที่แล้ว +4

      o includes é para ver se a extensão está presente no filename, e o find para que sejam avaliadas todas as extensões do array. No seu segundo exemplo só retornaria true se o filename inteiro estivesse no array de allowedImages.
      O includes pode ser usado com arrays, mas, no exemplo do Mayk, está sendo usado para encontrar uma substring dentro de uma string maior

  • @iskaio
    @iskaio ปีที่แล้ว +1

    Conteúdo incrível!

  • @ruyvieira104
    @ruyvieira104 ปีที่แล้ว +1

    Podia analisar qualquer trecho do kernel do Linux sob a ótica do "Clean Code"

  • @gabriel2dd
    @gabriel2dd ปีที่แล้ว

    Maykão é brabo!

  • @joaoantoniocabral
    @joaoantoniocabral ปีที่แล้ว

    Por volta de 21:16, nas linhas 12 e 13
    const date = new Date()
    Log.add(date, "signed up", email)
    Não seria interessante já chamar a função new Date dentro do Log.add? Assim:
    Log.add(new Date(), "signed up", email)
    E até um caso seria mais interessante que o outro?

  • @AfmpJR
    @AfmpJR ปีที่แล้ว

    Valeu Mayk.

  • @acm.marques
    @acm.marques ปีที่แล้ว

    e ai maykao excelente video outra forma de fazer seria assim sem o uso do find.
    const isImageRefactored_ = (filename) => {
    let allowedImages = ['jpg', 'png', 'svg'];
    const extFile = filename.slice(-3);
    return allowedImages.includes(extFile);
    }

  • @guir
    @guir ปีที่แล้ว

    Precisava ver esse vídeo kkk

  • @hitalodejesus4892
    @hitalodejesus4892 ปีที่แล้ว

    Faz um vídeo sobre o Vlang

  • @G.aroucas
    @G.aroucas ปีที่แล้ว

    Em 7:00, oque quer dizer com trazer uma documentação para a linha de código ?

  • @henriquezolini
    @henriquezolini ปีที่แล้ว

    Poxa apagaram meu comentário que eu escrevi com tanto carinho sobre o erro na funcao isImage. Parabens pela prática de apagar os comentarios construtivos.

  • @guioz1652
    @guioz1652 ปีที่แล้ว

    Top ❤️

  • @chomptar
    @chomptar หลายเดือนก่อน

    meus códigos eram tão poluídos que eu me perdia conforme o código ia crescendo, Quando ia ver no outro dia então... esquece KKKKKKKK.

    • @rocketseat
      @rocketseat  หลายเดือนก่อน +1

      A gente só vai evoluindo com o tempo!

  • @edu7blah
    @edu7blah ปีที่แล้ว

    Mantenha isso estúpido, seu limpo! hahah ótimo video. Valeuuuu

  • @yanpolicarpo3823
    @yanpolicarpo3823 ปีที่แล้ว

    Cara, to trampando numa empresa meio grande, e por mais que eu conheça formas mais limpas de escrever a mesma coisa que todo mundo ja sabe fazer, as vezes nao é tao interessante aplicar, pois a cultura da empresa ainda não se alinhou com a forma mais atual de escrever

    • @yanpolicarpo3823
      @yanpolicarpo3823 ปีที่แล้ว

      O que acaba ocasionando em um passo a mais do usual, onde eu tenho quase a obrigação de difundir o que eu tenho de experiência com os meus colegas de trabalho, na minha opinião a nossa profissão teve uma grande evolução no que diz respeito as soft skills

  • @lucasmedeiros391
    @lucasmedeiros391 ปีที่แล้ว

    fala maykao

  • @georgelucasgp
    @georgelucasgp ปีที่แล้ว

    Pode dar o aumento pro Maikao 👍🏻

  • @everton_gadea
    @everton_gadea ปีที่แล้ว

    desnecessário o inglês, não agregou nada à sua explicação, e ainda se complicando pra escrever, então pra que?

    • @rocketseat
      @rocketseat  ปีที่แล้ว

      Obrigado pelo feedback, Everton!