The latest articles on DEV Community by Lucas Moura Do Nascimento (@mouraqzy). https://dev.to/mouraqzy https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4095607%2F9bc0d179-5e1d-4b29-a456-274376d1ae10.jpg https://dev.to/mouraqzy en Lucas Moura Do Nascimento Wed, 26 Aug 2026 11:59:30 +0000 https://dev.to/mouraqzy/primeiro-projeto-1ffa https://dev.to/mouraqzy/primeiro-projeto-1ffa <p>Comecei recentemente meu Projeto Integrador na disciplina de Desenvolvimento Front-end para Web: um portfólio pessoal construído do zero. Mais do que só código, o objetivo era simular um fluxo de trabalho real — repositório público, commits organizados, branches, Pull Requests. Neste artigo, compartilho o que aprendi nas primeiras etapas.</p> <p>Cada aula trouxe uma camada nova. Comecei configurando o Git localmente, criando o repositório no GitHub com README automático, e aprendendo a importância do <code>.gitignore</code> — ele precisa ser commitado antes de qualquer arquivo que deva ignorar, senão o Git já passa a rastrear o que não deveria.<br> Na etapa seguinte, montei a estrutura do projeto inteiramente via terminal: pastas <code>css/</code>, <code>js/</code> e <code>assets/images/</code> com <code>mkdir</code>, sem usar o explorador de arquivos. Isso me forçou a entender de verdade o que cada comando faz, em vez de só clicar em botões.</p> <p>Depois veio o HTML semântico: trocar divs genéricas por <code>header</code>, <code>main</code>, <code>section</code> e <code>footer</code>, e construir um formulário de contato acessível — com <code>label</code> associado ao <code>input</code> via <code>for</code>/<code>id</code> idênticos, <code>fieldset</code>/<code>legend</code> agrupando os campos, e tipos corretos (<code>email</code>, <code>tel</code>) em vez de <code>text</code> para tudo. Aprendi a usar o painel <em>Accessibility</em> do DevTools para confirmar que nenhum elemento tinha <code>role: generic</code>.</p> <p>Nem tudo saiu de primeira. Tentei clonar o repositório via SSH sem ter uma chave configurada, e recebi <code>Permission denied (publickey)</code> — resolvido trocando para o link HTTPS. Também acabei commitando uma mudança na branch errada por descuido; corrigi movendo o commit com <code>git branch</code> + <code>git reset --hard</code>, sem perder nada. Esses erros, embora frustrantes na hora, ensinaram mais do que teria aprendido se tudo desse certo de primeira.</p> <p>O que mais me marcou foi perceber que Git e GitHub não são só "onde salvo meu código" — são ferramentas de comunicação e histórico. Cada commit conta uma história (por isso o padrão Conventional Commits importa), e cada Pull Request é um convite para revisão antes de integrar algo ao projeto principal.</p> <p>Ainda tenho muito para construir neste portfólio ao longo do semestre, mas já sinto que estou desenvolvendo não só habilidades técnicas, mas um jeito mais profissional de trabalhar com código. </p> webdev programming javascript github