Olá, Juliana. Como vai?
Sua dúvida é excelente e super justa! É completamente compreensível que você se sinta confusa ou sinta que está perdendo tempo quando o ritmo das aulas faz você "ir e voltar" no mesmo código várias vezes. Essa sensação de retrabalho incomoda bastante no início.
Vamos organizar as suas dúvidas em duas partes: a prática do mercado (no dia a dia de uma empresa) e a estratégia pedagógica (como os cursos são construídos). Você vai ver que isso faz parte de um processo muito comum no desenvolvimento de software.
1. Por que não terminar as configurações de uma tag de primeira?
No mundo real, quando estamos desenvolvendo um site, é praticamente impossível escrever o HTML e o CSS perfeitos e completos de primeira. O desenvolvimento de software funciona através de um conceito chamado Processo Iterativo e Incremental.
A ideia é construir uma base simples que funcione (o esqueleto) e, aos poucos, adicionar novas camadas de complexidade.
No seu exemplo:
- Primeiro, você cria o link:
<a href="index.html">. O objetivo aqui é apenas fazer a página navegar. - Mais tarde, na etapa de Acessibilidade, você lembra (ou o cliente pede) para melhorar a experiência de usuários que usam leitores de tela. Aí você volta e adiciona o
title="Voltar para a página inicial". - Depois, na etapa de SEO (Otimização para o Google), você pode voltar de novo e adicionar um atributo
rel="noopener".
Se tentássemos colocar todas as tags com todos os atributos possíveis logo no primeiro minuto de aula, a carga de informação seria tão gigantesca que ficaria muito mais difícil de absorver o conteúdo principal.
2. É uma boa prática alterar as mesmas tags em branches diferentes?
Sim, com certeza! Na verdade, essa é uma das maiores regras de ouro do Git e do trabalho em equipe no mercado de tecnologia.
Imagine que você trabalha em um portal de notícias:
- Na Branch A, você está trabalhando na tarefa de "Criar o design do cabeçalho". Você vai mexer na tag
<a> para mudar a cor dela. - Na Branch B, um colega seu de equipe está trabalhando na tarefa de "Configurar as métricas de clique do Analytics". Ele vai mexer na mesma tag
<a> para adicionar uma tag de rastreamento.
Cada branch cuida de uma funcionalidade ou contexto diferente. Quando o trabalho de vocês terminar, o Git vai juntar essas duas alterações no arquivo final. Mudar o mesmo elemento em momentos ou branches diferentes não é um erro, é o fluxo natural de um projeto que está crescendo.
3. Sobre a estrutura que o Luri (I.A.) corrigiu e os erros nas aulas
Você está totalmente certa na sua insatisfação sobre erros de estrutura que causam confusão. Quando a instrutora erra a ordem das tags (como fechar uma <div> no lugar errado ou aninhar elementos de forma incorreta), isso quebra a semântica do HTML e prejudica o aprendizado. Parabéns por ter senso crítico e perceber isso junto com o Luri!
A estrutura que o assistente te passou segue a boa prática de Semântica e Hierarquia. Para te ajudar a não se perder mais visualmente na hora de organizar esse topo do site, pense no seu <header> dividido em três blocos independentes "irmãos" (no mesmo nível):
<header>
<a href="index.html" class="logo" title="Voltar para a página inicial">
<img src="bussola.svg" alt="Logotipo Bússola">
</a>
<button class="menu-hamburguer">
<img src="hamburguer.svg" alt="Abrir menu">
</button>
<nav class="menu-navegacao">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</nav>
</header>
Dica para não se perder
Sempre que a aula começar a ir e voltar muito e você sentir que está se perdendo, faça uma pausa no vídeo e olhe para a indentação (o recuo do código) no seu editor. No VS Code, você pode clicar nas setinhas ao lado das tags (como no <header>) para fechar o bloco e ver exatamente quem está dentro de quem. Isso ajuda a clarear a mente antes de avançar para a próxima alteração!
Fique tranquila, questionar os métodos e a estrutura é o que diferencia uma pessoa que está apenas copiando código de uma verdadeira desenvolvedora. Você está no caminho certo!
Espero que possa ter lhe ajudado!
