O que faz um dev front-end
Published: 2022-12-11 01:53:38

# O que o mercado pede 

Pra responder essa pergunta é importante que se tenha uma perspectiva de momento de mercado ou até da empresa que se está levando em consideração. Cada vez mais as soft skils tem sido um diferencial para se definir a contratação de um novo desenvolvedor.
Nesse momento especifico está tendo uma recessão no mercado de tecnologia pós pandemia, um trade-off bem grande , e com certeza as empresas vão cobrar desenvolvedores mais experiêntes para exercer a função de front-end.
Em tempos anteriores ser um full stack por exemplo era mais fácil que hoje com web master, porem hoje cada stack em sí já tem uma quantidade muito grande de conteúdo sosinha e é preciso ter um foco para se tornar um expecialista.

## A função do front-end

Basicamente, o desenvolvedor front-end transforma um layout feito por um designer UI, wireframe feito em um figma da vida em um projeto para navegadores. 
O figma é uma aplicação que fornece medidas dos objetos, paleta de cores do wirefreame facilitando bastante a vida do desenvolvedor. É possível transformar imagens em projetos para navegadores também, dando um pouco mais de trabalho para o desenvolvedor front-end como por exemplo descobrir o tipo da fonte, o tamanho das letras, as cores, tamanho dos objetos ... Mas não é uma tarefa impossivel.

Pode a principio parecer simpres transformar algo feito por um designer em uma interface para navegadores. Porém hoje existem uma série de competências que devem ser adiquiridas pelo desenvolvedor. 
Implementação de acessibilidade, Tecnicas de clean code, regras de conventional commits no código, responsividade , testes unitarios, desempenho da interface , Pixel perfect  são algumas das competências que geralmente são usadas por desenvolvedores front-end. Tudo isso para transformar um designe em código, dando  vida ao projeto e o deixando de pé. 
È no front-end que se define se a cor de um objeto muda quando você passa o mouse em cima, que se faz uma mensagem de erro quando você erra o login no formulario de uma rede social entre outras coisas. 

O desenvolvedor acaba por adiquirir algumas outras habilidades como por exemplo fazer uma integração de API a uma página com javaScript consumindo dados, fazer um crud, uso de um fire base para integrar banco de dados a uma pagina por exemplo. 
Na propria interface pode ter o uso de javaScript quando você clica em um botão, não necessariamente isso é uma coisa de back-end, a maioria das pessoas acaba acreditando que a linguagem de programação só é usada por quem desenvolve a API em si, o que não é verdade.

A exemplo disso temos frame works javaScript como React.js , Vue.js que são feitos para navegadores e usados por desenvolvedores front-end, sendo tecnologias mais atuais usadas no mercado.
Cada vez mais se cobra além de java script o type-script para uma tipagem mais forte na linguagem e diminuir o tempo  de manutanção por exemplo, o uso de Sass, um framework UI como tailwind.
Tecnologias como o botstrap tem caido seu uso depois das funcionalidades de flex-box e grid do css. Cada vez mais exitem atualizações no css para se fazer o basico com ele e evitar o uso de muito código, deixando as paginas cada vez mais leves, um ponto de evolução que nem os proprios navegadores acompanham as linguagens na medida das atualizações, um profissional front-end tem que sempre estar se atualizando em relação as novas features da tecnologia se interando com a comunidade, lendo documentações e testando.

Ocasionalmente você pode ver um desenvolvedor front-end também rodando aplicações com docker e hospedando elas na AWS ou digital ocean, cada vez mais usando uma comunicação com servidores. Muitas empresas acabam por ver essa soft-skill mais como uma hard skill ao longo da carreira. Ou ao invez de ir pra essa ponta da tecnologia o wireframe ser feito pelo dev. 
Existiram uma serie de habilidades que podem ser uteis para um dev front-end e tornar o trabalho diferenciado da maioria. 

Você gosta da Area de front-end ? Já conhecia o trabalho de um dev ?