Front-end Developer, Full-stack Designer, Arquiteto, e por ai vai. Algumas dicas pra você que deseja montar a sua equipe de front-end para aplicações web.
Índice:
- Tenha um designer de experiência e interface
- Tenha um arquiteto de Front-end
- Tenha Desenvolvedores de Front-end Full Stackers
- Contrate profissionais capazes de jogar bem em mais de uma posição e os especialistas quando necessário
- Cultura
1 – Tenha um designer de experiência e interface
Sem dúvidas, essa deve ser a sua primeira contratação. Recomendo um profissional que além de saber desenhar páginas, tenha alguma experiência com programação em HTML e CSS e/ou que pelo menos tenha conhecimentos em design para aplicações web. É diferente fazer o design de publicações para o Facebook, o que exige alguém com conhecimentos de Design Gráfico e noções de marketing, que desenhar páginas para uma aplicação web, que requer conhecimentos de experiência com o usuário. Em resumo, se é para desenhar aplicações web, você precisa de um Designer de Interface (UI Design) com habilidades de Designer de Experiência (UX Design).
Este profissional precisa conhecer bem as necessidades da sua aplicação, as dores das suas personas, e desenhar soluções seguindo metodologias de componentização e documentação de design. Para análises de experiência dos usuários na nova interface, recomendo usar alguma ferramenta de mapas de calor e gravações, como o Hotjar, além dos testes A/B.
2 – Tenha um arquiteto de Front-end
Para montar sua equipe de front-end de sucesso, é imprescindível você ter um desenvolvedor com mais experiência, que saiba organizar os estilos de sua aplicação e consiga fazer tudo sem depender de frameworks. Um profissional que conheça a fundo algumas metodologias como BEM, SMACSS, OOCSS, SUITECSS, entre outras, e que saiba quando utilizar algumas regras desses padrões para criar a arquitetura ideal para a sua aplicação.
Este profissional deve usar bem os Pré-processadores de CSS. Atualmente trabalho com o Sass, mas você também pode usar o Stylus, Less ou PostCSS na sua aplicação. Você quer velocidade e controle, certo? Então nada de perder tempo escrevendo todo o CSS na mão daquele jeito antigo e engessado.
3 – Tenha Desenvolvedores de Front-end Full Stackers
Considerando que você já tem na sua equipe o designer e o arquiteto, sua aplicação web já estará sendo bem cuidada até a parte de layout, mas não podemos esquecer de que o front-end envolve muita lógica de programação. É aqui que eu recomendo a entrada dos chamados Full Stackers.
Desenvolvedor Full Stack é aquele que domina tanto o front-end (HTML, CSS e JavaScript) como o back-end (considere as linguagens do seu projeto). Para simplificar, separei estes profissionais em 3 grupos para mostrar quais habilidades você deve exigir na hora de montar sua equipe de front-end de sucesso:
- Completos: aqueles que dominam CSS, JavaScript e Back-end.
- Front meio back: aqueles que dominam CSS e JavaScript, e possuem bons conhecimentos de Back-end.
- Back meio front: aqueles que dominam Back-end, tem noções de JavaScript e apenas “beliscam” CSS.
Como o foco aqui é você montar uma equipe de Front-end de sucesso, recomendo profissionais que se encaixam nos dois primeiros grupos: completos e front meio back.
Este profissional pode dividir com o arquiteto as responsabilidades de decidir quais frameworks JavaScript utilizar na sua aplicação web e a configuração adequada de task runners e package managers.
4 – Contrate profissionais capazes de jogar bem em mais de uma posição e os especialistas quando necessário
Vamos lá! Se você leu até aqui, existe a chance de estar pensando que precisa contratar três profissionais, e que agora falarei do quarto. Não, não é bem isso o que estou dizendo. Até agora mencionei 3 preocupações que você precisa ter na hora de contratar os profissionais que formarão a sua equipe de front-end de sucesso. Mas como no futebol existem laterais que são volantes, e meio-campistas que jogam no ataque, você pode encontrar no mercado bons desenvolvedores com experiência em mais de uma dessas funções que mencionei.
Eu, por exemplo, atualmente trabalho como designer de experiência para web, designer de interface, arquiteto da equipe de front-end e analista de SEO. Na minha carreira também me envolvi com design gráfico, marketing digital e back-end, além de ter ministrado aulas em mais de 15 cursos de tecnologia. Mas chegou um momento em que eu percebi que precisava aprender a dizer não para escolher em quais habilidades eu deveria me especializar e me manter atualizado.
Resumindo, para montar a sua equipe de front-end de sucesso, avalie a evolução do seu produto de forma constante, e como num time de futebol que não está jogando como você precisa, contrate aquele jogador específico para uma posição que você percebeu que está em falta lendo este artigo. Talvez você precise de 1 designer e 2 full stackers ou 1 designer, 1 arquiteto full stack e 1 desenvolvedor de back-end. Participe de algumas reuniões com seus desenvolvedores e você perceberá onde sua equipe está com dificuldades.
5 – Cultura
Se você já montou sua equipe de front-end, a próxima dica é trabalhar na cultura. Aqui vão algumas sugestões de preocupações que podem ser úteis na construção dela:
- Todo mundo deve saber bem CSS: Parece óbvio, mas acredite, nos dias de hoje muitos desenvolvedores estão iniciando suas carreiras utilizando frameworks como Foundation, Bootstrap, Materialize, Semantic, entre outros, para quase tudo. Eles não colocam mais a mão na massa como era antes. Incentive seus front-enders a estudar CSS adequadamente, mesmo que você utilize alguns destes frameworks que mencionei na sua aplicação web, afinal, na hora de resolver problemas de compatibilidade entre navegadores e dispositivos, de fazer media queries mais elaborados, ou de aplicar alinhamentos verticais em locais específicos, o framework não irá ajudar.
- Documentação: Com uma equipe dessas você é capaz de criar o seu próprio framework, então, se o fizer, é importante que os front-enders mantenham-o atualizado. Existem boas ferramentas para gerar style guide; recomendo o Hologram, simples e objetivo. Documentação não serve só para componentes front-end, por isso cobre documentação de design do seu designer. Atualmente utilizo a exportação do Axure, mas se sua equipe trabalha com Mac recomendo o Sketch com o Zeplin.
- Code-review: Encaixe no seu processo de desenvolvimento, logo após o término de uma tarefa, a etapa de code-review, quando basicamente outro desenvolvedor revisa o código para dar sugestões de arquitetura e/ou ajudar a pensar em mais casos para auxiliar na prevenção de problemas. Dessa forma, você garante que exista uma troca de conhecimentos diária entre os desenvolvedores da sua equipe e que todos utilizem os padrões de arquitetura definidos.
- Reuniões diárias: Faça uma reunião rápida com sua equipe todos os dias, quando basicamente cada desenvolvedor fala o que terminou e no que está trabalhando no momento. Além de criar uma sinergia entre sua equipe, isso ajuda a identificar se alguém está com dificuldades e/ou atrasando as entregas.
- Eventos e cursos: Se você montou a sua equipe de front-end de sucesso hoje, isso não necessariamente significa que ela continuará sendo uma equipe de sucesso amanhã. Bem vindo ao mundo de TI, amigo. Sou da época do FrontPage e já perdi as contas de quantas vezes mudei a minha forma de codar o simples HTML e CSS, e nem vou mencionar as N tecnologias que não utilizo mais, portanto, incentive sua equipe a ir em eventos da área. Incentive sua equipe a estudar, seja por meio de livros ou cursos. Há, inclusive, alguns cursos online com planos acessíveis para empresas e alguns até gratuitos, aqui: Alura, Treinaweb, Schoolofnet, Udacity, Code School e Coursera. Eu incentivo minha equipe a concluir cursos e depois apresentar o que aprendeu em um Tech Talk para o restante da equipe.
Essas foram as 5 dicas para montar uma equipe de front-end de sucesso. Até o momento pude ajudar na construção de duas com 5 desenvolvedores, e posso dizer que tenho orgulho de trabalhar com quem trabalho. Aqui no Guichê Virtual todo mundo joga bem em mais de uma posição, e o nosso trabalho em equipe é extremamente forte. Aliás, eu não poderia terminar este artigo sem dizer que o trabalho em equipe é a dica mais importante na sua cultura para que tudo dê certo – para você e para os seus desenvolvedores!
Sucesso! Para você e sua equipe.