4 dicas para escrever código limpo em JavaScript (Clean Code para Iniciantes)

No video

4 dicas para escrever código limpo em JavaScript (Clean Code para Iniciantes)

Рет қаралды 19,340

Күн бұрын

NLW Copa | Inscreva-se gratuitamente para participar do evento completo: rseat.in/ingre...
Clean Code pode ser interpretado como "código limpo", mas o que de fato faz com que um código seja "limpo"?
Na verdade, o Clean Code do Uncle Bob (Robert Cecil Martin, autor do livro Clean Code) se refere a um código legível, que segue boas práticas para promover o melhor entendimento e manutenção durante o seu desenvolvimento,
Seu código pode ser bom ou ruim, mas ele precisa ser legível para que o seu trabalho evolua.
Então, bora conferir como utilizar e aplicar o Clean Code no JavaScript.
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
Cadastre-se na nossa plataforma: app.rocketseat...
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial

Пікірлер: 37

@tiagoribeiro6486 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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

@evandromottaz Жыл бұрын

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

@luizpauloalves9878 Жыл бұрын

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

@rocketseat 11 ай бұрын

Obrigado 😃

@BoraBuscar Жыл бұрын

Obrigado amigo pelo conteúdo!!

@rocketseat 11 ай бұрын

Nós que agradecemos!

@moisesggomes Жыл бұрын

Vídeo super relevante. Valeu!

@alexandregaspar786 Жыл бұрын

Show vc é 10! Sou teu fã! 👍

@andrewSantosMaia Жыл бұрын

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

@iskaio Жыл бұрын

Conteúdo incrível!

@patrickrigaud6342 Жыл бұрын

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 Жыл бұрын

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

@HugoRaniere Жыл бұрын

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

@gabriel2dd Жыл бұрын

Maykão é brabo!

@AfmpJR Жыл бұрын

Valeu Mayk.

@ruyvieira104 Жыл бұрын

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

@williamwagner1815 Жыл бұрын

🤣🤣🤣🤣

@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?

@igorrocha3145 Жыл бұрын

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 Жыл бұрын

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

@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 Жыл бұрын

Precisava ver esse vídeo kkk

@G.aroucas Жыл бұрын

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

@hitalodejesus4892 Жыл бұрын

Faz um vídeo sobre o Vlang

@chomptar 29 күн бұрын

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 28 күн бұрын

A gente só vai evoluindo com o tempo!

@guioz1652 Жыл бұрын

Top ❤️

@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.

@edu7blah Жыл бұрын

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

@lucasmedeiros391 Жыл бұрын

fala maykao

@georgelucasgp Жыл бұрын

Pode dar o aumento pro Maikao 👍🏻

@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 Жыл бұрын

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