[Sugestão] Apenas uma sugestão que gostaria de deixar registrado | JavaScript: validando formulários

Acho que todo o conteúdo é fantástico e estava diretamente coerente na sequencia do que aprendemos, pois já estava necessitando aprender sobre validações. Porém, venho sentindo que os cursos estão muito corridos. Desejava que houvesse uma maior calma principalmente no desenvolvimento da lógica das validações, pois mesmo que tenha entendido como funciona, eu não saí confiante que conseguirei gerar outras lógicas para desenvolver validações em projetos que sejam muito diferentes, fora que nas explicações sobre as lógicas tudo que é explicado é muito direto, o que é bom e ruim. Bom porque de fato você consegue captar, mas não sinto que tive a oportunidade de de fato quebrar um pouco a cabeça com a ajuda da instrutora para resolver o problema. Minha sugestão é que, seja primeiro apresentado o problema, para sabermos identificá-lo e partir disso saber o que precisa primordialmente ser desenvolvido(por exemplo, as variáveis, as manipulações do DOM e funções que só a gente ver o problema já imaginamos que iremos precisar) sem ser entregue de bandeira. A partir disso ser feito um BrainStorm de passo a passo pra resolver aqueles problemas; e segundo, na explicação da lógica, seria muito interessante que houvesse uma explicação de casos gerais, pois nem sempre o que precisaremos é exatamente o que está no projeto(Ex: Aqui precisamos usar o forEach, geralmente a gente usa quando assim e assado. Para resolver esse problema, precisamos que o código faça uma determinada ação quando alguém clicar no botão, pra isso usamos tal coisa, nesse caso vou usar arrow function por causa disso, mas em outros casos não é necessário e etc. Sei que tudo isso tornaria o curso um pouco mais maçante, pois é basicamente voltar a assuntos já tratados, porém seria riquíssimo, pois a gente estaria automaticamente acessando na memória os conteúdos que a gente já viu e ainda ia poder ir lá dar mais um lida).

Oi Jadson, tudo bem?

Primeiramente, agradeço pelo seu feedback sobre o curso. É muito importante para nós sabermos a opinião dos alunos e suas sugestões para melhorarmos cada vez mais nossos cursos.

Compreendo sua preocupação em relação ao ritmo acelerado do curso e sua sugestão de uma abordagem mais detalhada na lógica das validações. De fato, o JavaScript é uma linguagem que demanda tempo e prática para se desenvolver uma boa habilidade e confiança na resolução de problemas.

Sua sugestão de apresentar o problema primeiro e depois fazer um BrainStorm para desenvolver um passo a passo para a resolução do problema é uma ótima ideia. Isso pode ajudar os alunos a entenderem melhor o contexto e a lógica por trás das validações, tornando-os mais aptos a aplicar esse conhecimento em outros projetos.

Quanto à sua preocupação em relação ao uso direto de funções e manipulações do DOM, sugiro que você pratique mais com o código e tente implementar essas lógicas em diferentes projetos. Com o tempo, você se sentirá mais confiante e à vontade em aplicar essas técnicas em outros contextos.

Para exemplificar, vamos imaginar um cenário em que precisamos validar um formulário de login. O primeiro passo seria identificar os elementos HTML necessários para capturar os dados do usuário:

<form>
  <label for="username">Usuário:</label>
  <input type="text" id="username" name="username">
  <label for="password">Senha:</label>
  <input type="password" id="password" name="password">
  <button type="submit">Entrar</button>
</form>

O próximo passo seria definir as variáveis que vamos utilizar para armazenar os dados do formulário:

const form = document.querySelector('form');
const username = form.elements.username;
const password = form.elements.password;

Em seguida, precisamos criar uma função para validar os dados do formulário. Nesse caso, vamos validar se o campo de usuário e senha foram preenchidos:

function validateForm(event) {
  if (!username.value || !password.value) {
    event.preventDefault();
    alert('Por favor, preencha todos os campos!');
  }
}

form.addEventListener('submit', validateForm);

Observe que utilizamos a propriedade value dos elementos de formulário para acessar os dados inseridos pelo usuário. Também utilizamos o método preventDefault() do objeto event para impedir que o formulário seja enviado caso haja algum campo em branco.

Apenas um pequeno exemplo de como podemos praticar.

Reforço que ao final de cada curso fornecemos uma avaliação individual para cada estudante atribuir uma nota e opinião sobre o curso e pessoa instrutora, sempre ponha sua opinião sincera para nos ajudar a detectar nossos pontos que devem melhorar. É por lá que tiramos nossas métricas e o seu feedback chega diretamente até as pessoas instrutoras envolvidas no curso.

Um abraço e bons estudos.

Mergulhe em programação