tecnologia

Front-end
Profissionais do Brasil e do exterior falam sobre a importncia da presena desse especialista nas equipes de desenvolvimento

68

| WIDE | 81 > TECNOLOGIA

Ilustrao - Carolina Vigna-Mar

o reconhecimento sobre a necessidade de um front-end engineer em uma equipe ainda baixo. seria isso razo do desconhecimento das funes desse profissional por parte dos diretores e gestores de projetos? os profissionais front-end no tiram o espao dos designers nem dos desenvolvedores. eles focam suas habilidades nas melhores prticas do design e do desenvolvimento, dando mais fora usabilidade e interatividade do site, preocupando-se, ainda, com acessibilidade, internacionalizao, arquitetura da informao, mobilidade e qualidade do projeto em geral. ento, se o profissional front-end precisa entender de Web

standards, Web 2.0, HtMl, Css, Javascript, aJaX, interface, media types, cross-browser, cross-platform e tantas outras reas do desenvolvimento de um site, como ele deve se preparar e qual a formao ideal para que se torne especialista? as empresas tm mostrado interesse em profissionais com esse perfil? Quais partes do projeto ele deve acompanhar e quando pode dar incio ao seu trabalho? at que ponto os profissionais front-end so essenciais para o sucesso de um site? para responder a tais questes e mostrar a importncia desse profissional, convidamos cinco especialistas no assunto e atuantes na rea.

Marcel Duran
Front-end engineer na equipe de search do Yahoo!, no vale do silcio
www.javascriptrules.com

a base de conhecimento do profissional front-end compreende trs principais camadas: contedo, apresentao e comportamento, em que HtMl, Css e Javascript se encaixam respectivamente. para que a integrao dessas camadas seja bem-sucedida, o profissional deve ter um vasto repertrio em diversas reas, como performance, segurana, experincia do usurio, acessibilidade, testes/qa e internacionalizao. por envolver distintas reas do conhecimento, no h formao especfica para o front-end. esses profissionais so, em sua maioria, autodidatas com ou sem formao na rea de tecnologia. sua atualizao e o aperfeioamento de suas habilidades so feitos por meio de leitura de livros tcnicos, blogs, fruns, listas de discusses, vdeos e conhecimento de frameworks e ferramentas que do suporte ao desenvolvimento do projeto. comum esses profissionais publicarem blogs e participarem de discusses sobre as diversas reas envolvidas com expoentes da rea. o trabalho do front-end essencial para a qualidade e o sucesso de um projeto web durante todas as etapas, desde a escolha do framework ao levantamento de mtricas de uso/performance do site em produo.

Como seu conhecimento abrangente, uma deciso sem sua devida superviso, embora aparentemente correta, pode significar retrabalho ou fracasso de um futuro ciclo, gerando custo extra e outros problemas para a equipe. isso se deve falta de conhecimento das partes envolvidas no desenvolvimento do projeto. Muitas vezes,

empresas brasileiras tm demonstrado pouco ou nenhum interesse pelo profissional front-end, ao contrrio do mercado norte-americano, onde h uma enorme demanda. grandes empresas do vale do silcio, como Yahoo! e google, promovem a cultura front-end por meio de encontros desses profissionais, para que apresentem e discutam os mais diversos assuntos relacionados ao seu

Empresas brasileiras tm demonstrado pouco ou nenhum interesse pelo profissional front-end, ao contrrio do mercado norte-americano, onde h uma enorme demanda
detalhes sutis passam desapercebidos ou so completamente ignorados por designers, programadores ou at mesmo gerentes de projeto que desconhecem, por exemplo, a diferena entre renderizaes em distintos browsers, a mantenabilidade de um framework, possveis brechas de segurana, responsividade mnima para garantir a melhor experincia ao usurio e melhores prticas de performance e qualidade de cdigo. trabalho. alm de ser um espao rico para o intercmbio de conhecimento, esses eventos tambm so uma excelente ocasio para networking e ofertas de vagas disponveis. Como h poucos profissionais front-end disponveis no mercado, recrutadores de empresas norteamericanas tm usado diversos incentivos financeiros e outros benefcios para atralos, como bnus por referncia a amigo que chegam a 10 mil dlares em alguns casos.
81 > TECNOLOGIA | WIDE |

69

tecnologia

Rafael Mumme
desenvolvedor front-end senior na Huge de nova iorque
www.hugeinc.com @mumme

o desenvolvedor front-end exerce um papel fundamental na criao e implementao de qualquer website. um erro subestim-lo. acompanhando a rpida evoluo da internet e dos navegadores, a profisso se desenvolveu bastante nos ltimos dez anos, exigindo conhecimento profundo na sua rea de atuao e constante atualizao. alm disso, o desenvolvedor front-end deve ter uma viso geral sobre diversas outras reas. no Brasil, o cargo ainda desvalorizado e, por isso, vrios profissionais se tornam desenvolvedores server-side. dessa forma, muito difcil encontrar front-ends brasileiros experientes e qualificados. no entanto, nos estados unidos a situao bem diferente. o mercado aquecido e o profissional bem remunerado. a viso por aqui a de que investir nessa rea importante e gera um retorno lucrativo. por isso, grandes empresas, como Yahoo!, google, twitter, Microsoft e adobe, investem pesado em front-end.
hoje, CAdA veZ MAis distAnte do Apelido de htMler ou CopyAnd-pAster, o desenvolvedor front-end responsvel por:

Grandes empresas, como Yahoo!, Google, Twitter, Microsoft e Adobe, investem pesado em front-end

assegurar compatibilidade cross-browser e cross-platform; produzir cdigo limpo, bem documentado e estruturado; criar pginas web rpidas; seguir os web standards; aplicar tcnicas de SEO (Search Engine Optimization). importante ser caprichoso e dedicado e, como em qualquer outra profisso, muito trabalho e estudo so essenciais. a web sua fonte principal de conhecimento, onde novos artigos, bibliotecas e estudos so publicados diariamente e, o que hoje padro, amanh se torna obsoleto. por se tratar de uma profisso que requer programao, comum ver profissionais formados em tecnologia da informao atuando nessa rea. a progresso natural da profisso a especializao em uma de suas reas de conhecimento, como, por exemplo, especialista em performance ou consultor seo. o cargo de gerente, liderando outros desenvolvedores, tambm uma boa opo. o desenvolvedor front-end deve participar de todas as fases de um projeto web. ele quem conhece as restries dos diferentes navegadores, devendo atuar com sugestes e alternativas para tornar o projeto vivel. Muitas vezes, sua presena pode ser considerada frustrante, mas trabalhar com limites nos torna mais criativos e eficientes. o sucesso de um projeto web est diretamente ligado a sua experincia e qualificao. por fim, trabalhar como desenvolvedor front-end gratificante e desafiador. empresas que valorizam e respeitam nosso trabalho crescem e contribuem para uma internet ainda melhor.

70

| WIDE | 81 > TECNOLOGIA

Eduardo Lundgren
engenheiro de software na liferay inc. e criador do alloyui Javascript Framework
www.eduardolundgren.com

Houve uma poca em que o desenvolvedor de softwares desempenhava um papel generalizado, sendo responsvel tanto pela criao e integrao do hardware quanto pela modelagem e desenvolvimento do software utilizado. essa realidade est mudando e hoje h uma intensificao da diviso do trabalho, fracionando as etapas do desenvolvimento, de modo que o engenheiro desenvolva tarefas ultraespecializadas, o que tem se mostrado bastante eficaz. por outro lado, o fracionamento das tarefas no garantiu uma diviso igualitria para todos os ramos do desenvolvimento.

A falta de um profissional especializado nessa rea pode representar risco ao projeto

em algumas empresas ainda existe muito preconceito em relao aos profissionais especializados em front-end. a falta de um profissional especializado nessa rea pode representar risco ao projeto. numa aplicao web, seja ela intra ou extra-net, no geral, o back-end responsvel por apenas cerca de 20% da performance do software, o que inclui a execuo do cdigo no servidor, o tempo das consultas ao banco de dados, a gerao dos dados de sada (HtMl, XMl, Json etc.) e a transferncia dos dados para o client-side (browser). uma vez recebidos os dados do servidor, o browser tem que processar e renderizar o HtMl, executar os in-line scripts, requisitar Javascript, Css, imagens e todos os outros componentes externos utilizados pela pgina HtMl. o front-end responsvel por mais de 80% do tempo

gasto no carregamento de uma pgina web. as empresas mais visionrias valorizam cada vez mais os profissionais dessa rea, o que as tornaram lderes quando comparadas a empresas em que diretores e gestores no sabem diferenciar o papel de um desenvolvedor front-end numa equipe. Boa parte das arquiteturas e das design patterns utilizadas em softwares desenvolvidos em linguagens como Java e C++ podem ser aplicadas, por exemplo, a frameworks desenvolvidos em Javascript. na rea de softwares para web, o desenvolvedor responsvel pelo frontend pode ter conhecimentos avanados de programao. por isso, no seguro assumir que um profissional front-end tambm um designer. para se tornar um especialista em qualquer assunto requer-se muito estudo e prtica. tal constatao tambm se aplica ao profissional front-end. utilizar alguns conceitos de engenharia de software fundamental para desenvolver componentes ou frameworks em Javascript. se envolver com projetos open source na rea tambm algo muito importante. Muitas empresas tm mostrado interesse em profissionais com esse perfil. a presena de um front-end relevante na maioria das fases de um projeto web, pois, trabalhando em sintonia com os desenvolvedores back-end, resulta em uma diviso mais organizada das camadas de uma aplicao e sua integrao, o que, muitas vezes, produz cdigos menos complexos no back e no front-end. portanto, se a preocupao do seu projeto web ter um cdigo mais organizado, uma integrao entre as camadas mais inteligente e uma performance melhor, a presena de um especialista nessa rea indispensvel.
81 > TECNOLOGIA | WIDE |

71

tecnologia

Guilherme Chapiewski
sr. engineering Manager no Yahoo! inc.
gc.blog.br @gchapiewski

antigamente, ningum pensava muito na interface. alis, mais antigamente ainda quando a web comeou era tudo preto no branco e sem imagem; os sites eram praticamente texto corrido. depois, a web era feita quase que totalmente de sites institucionais, que tambm no tinham requerimentos especiais, alm de ter uma aparncia legal para no queimar o filme da empresa. Com a chegada da Web 2.0, isso tudo mudou.

O domnio de especialidades de front-end pela equipe essencial para o sucesso de um produto na web
Hoje em dia, a user experience na web mais do que essencial. um site que oferece uma boa experincia faz com que seus usurios sejam mais engajados e passem mais tempo usando o produto, que o que todo mundo busca no fim das contas. no se tem boa uX com um design bonito (ou com aquelas introdues em Flash desnecessrias). para uma boa experincia na web, alm de um design que facilite o consumo do contedo, a sua interface precisa ser fcil de usar, leve, oferecer uma boa interatividade, ser otimizada para dispositivos mveis e por a vai. atualmente, no basta apenas ter um produto legal. ele no decola se a interface for ruim. a nova gerao de produtos na web pensada para causar um efeito wow nas pessoas. olhe para o twitter, o Facebook, o prprio Yahoo!. todos esto sempre se reinventando, buscando trazer uma experincia cada vez melhor para seus usurios e, nesse cenrio, as disciplinas de front-end so muito importantes. particularmente, acredito que, na maioria dos casos, voc no ter uma pessoa que s trabalha com design, outra com implementao de interface, outra s com back-end etc. parte dos skills de Front-end absorvida pelos designers, e outra, pelos

desenvolvedores, e, na maioria dos projetos, so essas as duas especialidades que existiro. ou seja, no vejo ningum tirando o espao de ningum :) no geral, vejo as especialidades de front-end mais ligadas ao desenvolvimento do que ao design. o desenvolvedor j teve contato com diversas linguagens de programao, ento ele tem facilidade para entender como usar Javascript, programar para vrios browsers, HtMl, Css etc. ainda, para trabalhar com aJaX e fazer otimizaes, preciso entender do protocolo Http, de como o servidor processa requisies ou at mesmo de infraestrutura (como funciona um cluster, uma Cdn etc.). desenvolvedores, geralmente, j esto acostumados com essas coisas, ento acaba sendo relativamente fcil entender do resto. no quero dizer com isso que designers no devem procurar entender essas disciplinas; muito pelo contrrio. um diferencial enorme para designers saber como funciona principalmente HtMl, Css e Javascript, primeiro porque eles comeam a compreender melhor as possibilidades que tm, segundo porque previne que faam interfaces impossveis de serem implementadas e, terceiro, porque podem passar a prototipar e definir melhor a interatividade que desejam oferecer. os melhores designers que conheci muitas vezes fizeram a diferena por dominarem esses tpicos. sobre o mercado, observo que as empresas esto extremamente interessadas em profissionais especialistas em front-end, porm esto mais interessadas ainda em desenvolvedores ou designers multidisciplinares, que, dentre outras coisas, so especialistas em disciplinas de front-end. por ltimo, no diria exatamente que profissionais de front-end so essenciais para o sucesso de um site. eu reescreveria para: o domnio de especialidades de front-end pela equipe essencial para o sucesso de um produto na web. acho que no necessariamente voc precisa ter profissionais que fazem s isso na equipe; pode-se ter designers e/ou desenvolvedores especialistas em front-end, funcionar do mesmo jeito. alm disso, para mim est bem claro que voc precisa muito dessas especialidades para desenvolver o gmail, ou o Facebook, ou o Yahoo! pipes, mas no necessariamente para um site institucional, por exemplo.

72

| WIDE | 81 > TECNOLOGIA

Preocupadas com a qualidade dos produtos, inmeras empresas esto procura de profissionais com esse perfil: desenvolvedores com slidos conhecimentos em linguagem de marcao, folhas de estilo, JavaScript e Flash

Felipe Silva
desenvolvedor front-end da globo.com
@felipe_silva

para muitas empresas, as disciplinas relacionadas ao universo de front-end so compartilhadas entre designers, arquitetos de informao e desenvolvedores. para outras, elas ficam a cargo de um profissional exclusivo. Quando as empresas comearam a aplicar tcnicas geis para gesto e desenvolvimento de produtos, utilizando times multidisciplinares, esse cenrio ficou ainda mais confuso. o desenvolvimento de sites/aplicaes web com foco na experincia do usurio um caminho sem volta. isso somado melhoria dos navegadores, crescimento da banda larga, nmero de dispositivos mveis com acesso internet no mercado e novas tecnologias, o que acabou transformando o desenvolvimento de interfaces em algo extremamente complexo. importante existir um profissional de front-end focado em estudar e se

manter informado sobre o avano dessas tecnologias. designers e desenvolvedores back-end devem aproximar-se do desenvolvimento front-end, sobretudo porque a experincia do usurio em uma interface depende diretamente do trabalho realizado por eles. Costumo dizer que, para ser um frontend engineer, preciso ser formado em tecnologia da informao e ter intimidade com prticas e teorias relacionadas ao design, ou, ainda, ser formado em design e ter intimidade com lgica de programao e arquitetura de software. isso porque a construo de interfaces complexas exige conhecimento em engenharia de software, design e arquitetura de informao. por esse motivo, existem no mercado de trabalho front-end engineers com diferentes formaes acadmicas. apesar das possibilidades citadas, aqui na globo.com a grande maioria dos front-

end engineers so formados em tecnologia da informao ou afins. Com a evoluo do hardware dos usurios, navegadores mais poderosos e as novas tecnologias, foi possvel migrar grande parte das regras de negcio dos sites e aplicaes web para o cliente (navegador do usurio). dessa forma, so necessrios muita lgica de programao, conhecimento em arquitetura de software e outros atributos que pertencem grade de uma faculdade de tecnologia. preocupadas com a qualidade dos produtos, inmeras empresas esto procura de profissionais com esse perfil: desenvolvedores com slidos conhecimentos em linguagem de marcao, folhas de estilo, Javascript e Flash. alm de serem capazes de portar os sites e as aplicaes web para os diversos navegadores e dispositivos disponveis no mercado. usabilidade, seo e performance tambm fazem parte do grupo.
81 > TECNOLOGIA | WIDE |

73