O intuito dessa atividade é praticar os conhecimentos relacionados a formação de iniciante em programação. O objetivo ofoi aprender novos conceitos, desenvolver habilidades e praticar os códigos relacionados a HTML, CSS e principalmente JavaScript em sete desafios enviados diretamente por e-mail um a cada dia da semana, incentivando ir além e explorar diferentes comandos e códigos.

• Uso de operador de igualdade de diferente formas no Javascript:( = (atribuição), == (igualdade), === (igualdade estrita), != (diferença), !== (diferença estrita);
• Uso de varuiáveis: let, var, const;
• Interação entre documentos HTML, CSS e JavaScript;
• Interatividade por meio de alerts();
• Comando prompt para interagir e perguntar algo para o usuário;
• Estruturas condicionais (if, else, else if);
• Laços de repetição (while , for);
• Uso do parseInt();
• Uso de listas (arrays);
• Uso de de funções;
• Uso da tag <button>, <input>, <label>, <select>, e outras tags semânticas ;
• Interação entre comandos do JS e HTML:
  • Mostrar um elemento no HTML usando JS usando document.write();
  • Usar a sintaxe de cifrão para colocar JS ${} dentro do HTML;
  • Importar do mundo HTML para o JS usando document.getElementById().value, document.querySelector().value, document.getElementByClassName()`adicionado a uma variável;
• Adicionando o anterior e mais um pouco += ;
• Limpar o input após preenchimento atribuindo valor nulo "" ;
• Criação de um objeto usando chaves no momento de criar uma variável {} ;
• Uso de crase para escrever ao mesmo tempo JS e HTML;
• Uso do console.log , .innerHTML , .getElementById , ++, eval(), substring(), .textContent;
• Uso de variáveis CSS; Uso de método toogle para criar alternância de cores na página Web;

• Desafio 1 - Operadores Booleanos
• Desafio 2 - Variáveis
• Desafio 3 - Fluxo de decisões
• Desafio 4 - Mais loops e randomizações
• Desafio 5 - Arrays e coleções
• Desafio 6 - Remoção de arrays
• Desafio 7 - Funções

O resultado final dos projetos pode ser visto no vídeo abaixo.

1. Clonar o repositório

git clone https://github.com/RodrigoHarder/7doc-programacao.git

2. Localizar e abrir a pasta 7doc-programacao

cd 7doc-programacao

Neste projeto foram usadas as seguintes linguagens:

Para a construção dos códigos que compõem a página foi utilizado o editor de código-fonte online VSCode.

_{Rodrigo Silva Harder}