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

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

top 5 linguagens de programação que estarão bombando nos proximos 10 anos

  Essas linguagens não são classificados em nenhuma ordem específica, pois acredito que a proficiência em qualquer um desses conjuntos de habilidades será valiosa no futuro próximo. Eles serão procurados pelo menos durante a próxima década e continuarão a receber altos salários. Essas linguagens viverão por muito tempo e certamente as recomendamos para quem deseja entrar no setor de desenvolvimento de software. Golang (Go) Estamos no processo de mover alguns códigos de produção legados do lado do servidor para Golang, por exemplo a Globo adotou o Go em vez do java para fazer os seu back-end. Go foi desenvolvida pelo Google por alguns pioneiros das linguagens de programação e Unix. Por causa de sua credibilidade e suporte, juntamente com sua utilidade e crescente popularidade, acreditamos que será procurado nos próximos anos.   Python Minha linguagem preferida . Ela é um canivete suíço das linguagens de programação, porque você pode fazer praticamente qualquer coisa com o Py. É...

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