Segundo programa da série Roadmap, este episódio reúne três convidadas — Adriana Saty, Keren Arielle e Lyssa Cavalcanti — para traçar um caminho de estudo para quem quer entrar ou evoluir no front-end. A conversa segue o roadmap.sh/frontend como guia, cobrindo desde os fundamentos de como a internet funciona até HTML semântico, CSS, JavaScript, controle de versão e segurança web — sempre com a experiência prática de quem vive o dia a dia da área.
div para tudo e escolher a tag certa para cada finalidade, incluindo o papel do atributo alt para leitores de tela.float e position para o Flexbox como forma predominante de alinhar elementos hoje.Adriana Saty é desenvolvedora de software front-end e compartilha dicas de programação em seu Instagram. Keren Arielle atua na área há cinco anos e também produz conteúdo voltado a quem está começando no front-end. Lyssa Cavalcanti é criadora de conteúdo por trás do Techly, onde compartilha material sobre desenvolvimento pessoal e de software a partir da própria experiência como autodidata. As três participaram pela primeira vez de um podcast neste episódio, contribuindo com uma perspectiva prática e situada de quem estuda e trabalha com front-end no dia a dia.
Um site pronto no HTML, CSS e JavaScript ainda não está no ar: alguém precisa entender como o domínio aponta para o IP do servidor e como esse processo se encaixa no que os navegadores esperam. Esse conhecimento evita que o desenvolvedor trave logo na primeira entrega — o momento em que o código funciona na máquina, mas ninguém mais consegue acessá-lo.
"Domínio nada mais é do que aquele nomezinho que fica na URL depois do WWW ou depois do arroba no e-mail e ele é único... é mais fácil decorar um domínio tipo google.com, então é para isso que serve o domínio." por Adriana Saty
Usar div para tudo funciona, mas ignora por que outras tags existem. Cada elemento HTML tem um propósito, e ignorar essa escolha tem consequência direta em quem depende de leitores de tela para navegar a web — o atributo alt, por exemplo, é o que permite que esses softwares descrevam imagens para pessoas com deficiência visual.
"Existem inúmeras tags e cada uma tem o seu sentido... esse atributo ajuda esse software a descrever aquela imagem para aquela pessoa que tem alguma deficiência visual a compreender a sua página." por Adriana Saty
Escrever HTML semântico e usar atributos como alt não beneficia só a acessibilidade — também afeta como o Google interpreta e ranqueia uma página. A prática de SEO reúne justamente esse conjunto de técnicas que tornam um site mais "encontrável" nas buscas, algo que qualquer projeto pessoal ou profissional se beneficia de aplicar.
"Existe um estudo chamado SEO, que é Search Engineer Optimization... você pode fazer com que o seu site fique mais propício a ser buscado, a ser ranqueado entre as primeiras opções ali quando alguém faz uma pesquisa no Google." por Lyssa Cavalcanti
Conhecer bem o JavaScript puro é o que permite, mais adiante, escolher com clareza qual framework combina melhor com o próprio perfil de trabalho — sem essa base, a escolha vira só modismo. Praticar lógica de programação em plataformas como CodeWars e HackerRank também ajuda a chegar mais preparado em processos seletivos que usam desafios técnicos ao vivo.
"Eu amo o Angular, o React, mas, por exemplo, eu já não me dou muito bem com o Vue... mas eu já consigo identificar dentro do JavaScript qual framework que dá mais certo comigo... existem vários sites para você treinar a lógica de programação, um deles é o CodeWars e também tem o HackerRank." por Adriana Saty
Todas as convidadas reforçaram que a dificuldade inicial com programação não é sinal de que a área não é para a pessoa — é parte do processo. A recomendação recorrente foi simples: continuar tentando, mesmo quando o progresso não é visível dia a dia.
"Eu compartilho de tudo o que Adriana falou. Não desistam na primeira vez, não é fácil. Na segunda também não é fácil, na terceira não é fácil. Nunca vai ser fácil, mas conforme for passando o tempo, vocês vão pegando." por Keren Arielle
"Não tenha medo, domine, se você tem medo assim de aprender a programar, domine seu medo, porque você pode estar sendo impedido de construir coisas incríveis só por deixar de fazer aquilo que você acha que é o seu limite." por Lyssa Cavalcanti
alt não são só boas práticas: impactam diretamente acessibilidade e SEO.