Pular para o conteúdo principal

JAVASCRIPT DOM O GUIA

O que é o DOM?   Significa Document Object Model ,usado para manipular conteúdos,estilos e estrutura do nosso documento HTML. Se você é um desenvolvedor web é crucial que você saiba usar o Javascript(DOM), para saber como os frameworks front-ends funcionam por debaixo do pano. Ou a empresa que você trabalha ainda utiliza o html e javascript sem nenhum framework. Arvore DOM O dom trabalha com todos os elementos que estão dentro da tag html assim como na arvore acima. selecionando elementos do html podemos selecionar os documentos html, por classe ,id, tag ou ate mesmo pelo query que seleciona como o CSS. veremos aqui as funções que selecionam nossos elementos. getElementById() // seleciona por id getElementByClass() // seleciona por classe getElementByTagName() // seleciona por <tag> querySelector() // seleciona tipo CSS mas apenas o primeiro elemento querySelectorAll() // seleciona tipo CSS mas todos os elementos  para usarmos essas funções nos precisamos colocar o objeto documen

O código limpo

 

Escrever um código limpo, compreensível e sustentável é uma habilidade crucial para todo desenvolvedor dominar.

Um código limpo , economiza tempo , dinheiro e armazenamento , e também mostra que sua equipe controlando o código não o código controlando sua equipe.

Por isso que nos temos que manter a habilidade de limpa sempre em pratica.


Resumão dos preceitos


Como nomear variaveis e etc?


os nomes são muito mais fáceis de lembrar. E, mais importante, eles podem fornecer mais informações sobre a variável, para que outra pessoa possa entender seu significado. Por isso é importante definir bons nomes.


Criando nomes

Não use comentários para explicar por que uma variável é usada. Se um nome requer um comentário, você deve reservar um tempo para renomear essa variável em vez de escrever um comentário.

exemplo ruim :

var d; // dias do mes


exemplo bom :

var diasDoMes;


Usar nomes pesquisáveis

Evite usar números mágicos em seu código. Opte por constantes nomeadas e pesquisáveis. Não use nomes de uma única letra para constantes, pois elas podem aparecer em muitos lugares e, portanto, não são facilmente pesquisáveis.


Escrevendo boas funções

Mantenha-os pequenos

As funções devem ser pequenas, muito pequenas. Eles raramente devem ter 20 linhas. Quanto mais longa uma função fica, é mais provável que ela faça várias coisas e tenha efeitos colaterais.


Certifique-se de que eles apenas façam uma coisa

Suas funções devem fazer apenas uma coisa. Se você seguir essa regra, é garantido que eles serão pequenos. A única coisa que essa função faz deve ser declarada em seu nome.


Menos argumentos

As funções devem ter dois ou menos argumentos, quanto menos, melhor. Evite três ou mais argumentos sempre que possível.


Bônus


.Não deixe código nos comentários


valeu pela atenção espero que esse artigo tenha ajudado

quem quiser pode acessar meu linkedin.

https://www.linkedin.com/in/ysrael-sacrati/

valew!! 

😌

 

Comentários

Postagens mais visitadas deste blog

JAVASCRIPT DOM O GUIA

O que é o DOM?   Significa Document Object Model ,usado para manipular conteúdos,estilos e estrutura do nosso documento HTML. Se você é um desenvolvedor web é crucial que você saiba usar o Javascript(DOM), para saber como os frameworks front-ends funcionam por debaixo do pano. Ou a empresa que você trabalha ainda utiliza o html e javascript sem nenhum framework. Arvore DOM O dom trabalha com todos os elementos que estão dentro da tag html assim como na arvore acima. selecionando elementos do html podemos selecionar os documentos html, por classe ,id, tag ou ate mesmo pelo query que seleciona como o CSS. veremos aqui as funções que selecionam nossos elementos. getElementById() // seleciona por id getElementByClass() // seleciona por classe getElementByTagName() // seleciona por <tag> querySelector() // seleciona tipo CSS mas apenas o primeiro elemento querySelectorAll() // seleciona tipo CSS mas todos os elementos  para usarmos essas funções nos precisamos colocar o objeto documen