Se você é desenvolvedor Frontend – ou sonha conseguir sua primeira vaga na área – venha conhecê-las!
Quem trabalha com desenvolvimento frontend utiliza diariamente o browser para poder ver o resultado final do seu trabalho. E como nós fazemos o código pensando na experiência do cliente, o ideal é usar o navegador que é mais usado para acessar o site para poder testar e debugar nosso código.
Inclusive, para quem não sabe, o Chrome é o navegador mais utilizado do mundo!
A empresa StatCounter fez uma pesquisa recentemente e concluiu que 65,24% dos sites são acessados via Chrome! Seguido por quase 20% acessado pelo Safari e outros com menos de 5% cada.
Nesse contexto, o Chrome tem várias extensões que auxiliam o desenvolvimento de software. Nesse artigo vou-te mostrar as que eu mais utilizo no meu dia a dia para melhorar minha produtividade e facilitar o trabalho.
Atenção! Leia esse artigo até ao final, porque vou dar uma dica valiosa para quem está procurando o primeiro emprego…
O Wappalyzer é muito útil, pois permite identificar as tecnologias que foram usadas para criar o site. O mais interessante é que ele mostra tanto a linguagem de programação que foi usada, a biblioteca/framework e também todas as ferramentas usadas na parte de Marketing e Segurança.
Com essa extensão, você consegue verificar se todos os links do seu site estão funcionando bem. ????
Sabe quando você clica em um link do site e ele mostra uma página com um “404 not found?”. Isso acontece porque a página que foi linkada para esse endereço não está no ar e não foi encontrada!
Ao invés de ficar clicando em todos os links do site para ver se ele redireciona para alguma página válida, podemos apenas usar essa extensão que faz essa verificação para nós.
Com essa extensão você consegue descobrir qual é a fonte que qualquer site está usando.
No mundo do software, a gente sempre usa outros códigos, sites e apps como inspirações para criar novos. Então é muito interessante ter extensões como essa que facilitam na hora que você quer inspecionar o código fonte para conseguir replicar do seu lado!
A Page Ruler é como ter uma régua virtual. Com esta extensão do Chrome, você consegue ter uma régua virtual para saber exatamente quantos pixel tem cada elemento que você precisa analisar.
Por último, mas não menos importante, trago-lhe a Colorzilla. Com essa extensão você consegue saber exatamente a cor que é usada em uma determinada página ou imagem. É super útil e eu uso no meu dia a dia! Essa extensão dá a cor no formato RGB ou hexadecimal, então você consegue reproduzir exatamente a cor que você quiser.
Se você é ou quer ser desenvolvedor Frontend, essas extensões podem fazer a diferença na hora de procurar um emprego.
Você pode estar se perguntando, mas como Saty?
Eu vejo muita gente falando que quer um emprego na área, pedindo emprego, mas o que essas pessoas estão fazendo para se destacar no meio de tanta gente querendo um emprego?
Para esse caso gosto de fazer uma analogia ao mercado de ações: oferta e demanda.
Se tem muita gente querendo o primeiro emprego e pouca vaga para júnior, a oferta vai ser maior que a demanda, então vai ficar mais concorrido. Já no caso para vagas de sênior é ao contrário, tem mais vagas que profissionais, então a oferta é menor que a demanda.
Se você se enquadra no primeiro caso, para você conseguir a tão sonhada vaga, é preciso se destacar!
Ok, mas como se destacar?
Agora vou citar uma frase que eu gosto muito e tento levar como lema em várias áreas da minha vida:
“First give, then receive”
Traduzindo para o português seria algo como “Primeiro dê, e depois receba”. Colocando ela no contexto de emprego: o que você pode oferecer para a empresa antes de pedir um emprego?
Existem várias formas de abordar um recrutador ou uma pessoa de tecnologia que trabalha na empresa em que primeiro vai dar antes de receber. E uma delas é usando as extensões que eu sugeri aqui: faça um site clone do site da empresa que você tem vontade de entrar!
Assim você já consegue direcionar seus estudos para um ponto específico! Isso pode te ajudar nas próximas etapas também, principalmente na técnica, porque você vai ter experiência com as stacks que a empresa usa e também uma opinião formada sobre como foi o desenvolvimento.
E digo mais, use essa extensão no site da empresa, quem sabe você pode acabar descobrindo algum bug e trazendo ele COM a solução para a sua entrevista! Uma dica importante aqui é: não só aponte os bugs no sistema que você quer entrar, mas sim aponte eles e venha com a sugestão de como resolver. Um profissional que só trás problemas não é bem visto, mas um profissional que traz soluções é um que as empresas mais almejam ter na equipe!
Essas extensões são super úteis para conseguir pegar informações exatas sobre o layout e design do site que você está clonando ????
Com tudo pronto é quase hora de ir atrás dos recrutadores, mas antes tenha em atenção mais uns pontos de preparação:
Para encerrar esse artigo queria deixar uma última mensagem: aprenda a lidar com frustrações.
Quem trabalha com TI tem que lidar diariamente com frustrações: código que não funciona, documentação incompleta, mudança no escopo do projeto… e na procura de vaga não é diferente!
Encare cada vaga como um desafio novo e uma nova oportunidade de se aperfeiçoar! Leve sempre em conta o quanto você está aprendendo em primeiro lugar! ????
E aí, achou essas dicas úteis? Me conta sobre as extensões que você costuma usar no seu dia a dia, fazendo um comentário na área abaixo.