[Dúvida] Onde posso encontrar o material de estudo para o curso de lógica de programação? | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

Oi, tudo bem?

Agradeço por aguardar um retorno nosso!

As funções têm como principal objetivo organizar melhor o nosso código para que possamos reaproveitá-la ao longo do projeto. Então, suponha que queremos calcular a soma de dois números e para isso, precisamos criar uma função, então, teríamos um código similar ao apresentado abaixo:

<meta charset="UTF-8">

<script>

    function somaNumeros(a, b) {
      var soma = a + b
      document.write("A soma dos números é ", soma + "<br>")

    }

    somaNumeros(5, 5)
    somaNumeros(4, 2)

</script>

Com essa função, podemos chamá-la em qualquer parte do nosso programa javascript, seja uma, três, o quanto for necessário. Então, a criação de funções depende muito do objetivo que buscamos atingir, da necessidade que irá atender, no nosso caso acima, foi de somar dois números.

No entanto, quando falamos sobre os recursos do JavaScript, possuímos algumas funções e termos que são bastante utilizados no dia a dia de uma pessoa desenvolvedora, como por exemplo:

console.log(): Função que gera uma mensagem no console do navegador web que precisa ser exibida ao usuário ou para mostrar qualquer tipo de variável que foi declarada durante a execução do código, na intenção de identificar bugs e para saber como o código está fluindo.
document.write(): É uma função do JavaScript que escreve no HTML da página, ou seja, subscreve todo o seu conteúdo de texto em uma página, é o mais utilizado para fazer a apresentação de texto dentro das tags scripts.
document.querySelector(): É um método que retorna o primeiro elemento presente dentro de um documento para que possamos manipulá-lo e recebe como parâmetro um seletor de TAG como o instrutor ensinou em aula. Por exemplo: Suponha que temos que capturar uma tag HTML que possui o nome de p (parágrafo), então poderíamos utilizar o código: document.querySelector("p") e através dessa seleção podemos manipular o código, seja inserir, remover textos, adicionar cores, dentre outros.

Porém, vale ressaltar que não se restringe a apenas isso, a depender do objetivo do código, seja calcular ou até mesmo uma soma entre dois números ou de calcular a distância de dois objetos, podemos utilizar funções e recursos diferentes para alcançar o objetivo. A área da tecnologia em si exige muita pesquisa e leitura, seja de artigos ou de documentações - mas não se preocupe, é algo normal e que fica natural com o tempo.

Em relação ao posicionamento das funções e variáveis, temos um conceito importante: o código sempre vai executar de cima para baixo, então é uma leitura tradicional, primeiro ele irá ler o que tem no topo e irá sequencialmente até o fim. Ou seja, na hierarquia, primeiro declaramos as variáveis e após isso as funções, tudo a fim de obter uma organização para que fique simples e estruturada a leitura do código e para que o próprio programa não se confunda em relação a qual operação deverá realizar primeiro.

Para finalizar, como recomendação de estudos, indico alguns artigos da Alura que comentam sobre as tags mais utilizadas no HTML e também, dos seletores no Javascript, como por exemplo o querySelector e além disso, para mergulhar ainda mais, indico o curso Javascript e HTML: pratique lógica com desenhos, animações e um jogo, onde você conhecerá ainda mais sobre esse mundo dos recursos do HTML e o poder do JavaScript:

Espero ter ajudado. Fico à disposição.

Bons estudos e a gente se vê!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!