Manipulando o DOM

Índice

• Descrição do projeto
• Funcionalidades do projeto
• Acesso ao projeto
• Abrir e rodar o projeto
• Processo de evolução do projeto
• Ferramentas utilizadas
• Desenvolvedores do Projeto

🛠️ Descrição do projeto

Projeto em desenvolvimento para interagir com o JavaScript, tendo um avanço para melhor entendimento de como funciona o JavaScript. Buscando os elementos e interagindo com ele, manipulamos o evento de clique no elemento para usarmos duas funções diferentes, uma para atualizar as engrenagens e outra para atualizar as estatísticas do robô.

🛠️ Funcionalidades do projeto

• Funcionalidade 1: Aumentar a força do robô
• Funcionalidade 2: Diminuir a força do robô
• Funcionalidade 3: Manipulando a força de acordo com as estatística fornecidas

📁 Acesso ao projeto

Indique como é possível baixar ou acessar o código fonte do projeto, seja projeto inicial ou final

🛠️ Abrir e rodar o projeto

Apresente as instruções necessárias para abrir e executar o projeto

🛠️ Processo de evolução do projeto

Etapa 1

• Desenvolvemos os primeiros passos do projeto Robotron 2030;

• Definimos o que é o DOM;

• Aprendemos como manipular elementos no DOM.

Etapa 2

• Aprendemos a selecionar um ou mais elementos com querySelector()/querySelectorAll();

• Aprendemos como utilizar o método addEventListener();

• Definimos as diferenças entre função anônima e função;

• Entendemos o comportamento de hoisting no JavaScript;

Etapa 3

• Definimos o que é Array e como manipular seus objetos;

• Como utilizar arrow functions;

• Como utilizar o método splice() para remover itens.

Etapa 4

• Aprendemos como utilizar a propriedade parentNode;

• Definimos o que é data-attributes;

• Criamos funções para manipular elementos no DOM com data-attributes.

Etapa 5

• Definimos o que são objetos e analisamos métodos para manipulá-los;

• Refatoramos o código do projeto, aprendendo como manipular arrays e utilizando forEach;

• Aprendemos como aplicar projetos na nuvem utilizando vercel e github.

🛠️ Ferramentas utilizadas

Desenvolvedores do Projeto

_{Fernanda Corredera}