Quando um site aparece na nossa tela, organizado, com um bom design e todos os botões para selecionarmos, não pensamos em sua construção. Do dono do negócio ao produtor de conteúdo, muitas pessoas estão envolvidas no processo de elaboração. Se você quer saber quem são esses profissionais e como é construída uma página web, vem com a gente neste texto!

Front-end e Back-end

Os desenvolvedores são essenciais para a construção de um site. De maneira geral, eles são divididos em: front-end e back-end. Se você fizer uma busca por estes termos, provavelmente vai encontrá-los relacionados assim:

Front-end vs Back-end

No entanto, estas não são funções rivais. Ao contrário, os dois tipos de desenvolvedores trabalham em conjunto para o total funcionamento do site. A separação em front e back existe para facilitar a manutenção e simplificar o desenvolvimento. Mas afinal, o que eles fazem?

Front-end

Em uma tradução literal, front-end quer dizer parte dianteira: ou seja, tudo aquilo que você vê no site, foi o front-end quem desenvolveu. É uma função ligada ao design, pois cabe a ele adaptar o desenho do site àquilo que será realmente funcional para o usuário. Trocando em miúdos, o front-end codifica o layout desenhado para uma linguagem que o seu navegador possa interpretar e exibir, apresentando uma interface amigável para o usuário.

Ainda parece muito complicado?

Então, imagine que você abriu um site de compras e quer dar uma olhada na parte de celulares. Quando você clica no botão “Celulares” o que está realmente acontecendo é: uma série de ordens de programação estão sendo enviadas ao servidor para que uma nova página seja aberta, se sobrepondo àquela que você está vendo.

Quando temos que usar linguagem de programação para dar comando a um site, chamamos isso de Interface de Linha de Comando. Para não ser necessário aprender essa terminologia, o front-end cria uma Interface Gráfica de Usuário (GUI), escrevendo, por meio de linguagem de marcação (HTML) os comandos necessários para o navegador interpretar as ações dos usuários dentro do site.

 UX, UI e Interface

Aliadas ao trabalho do front-end, existem duas áreas: a UI (Interface de Usuário) e a UX (Experiência de Usuário). Interface é “o conjunto de meios planejadamente dispostos sejam eles físicos ou lógicos com vista a fazer a adaptação entre dois sistemas”, segundo definição da Wikipédia.

Este conceito tem aplicações na Informática, Ciência da Computação e Comunicação, mas também na Física e até na Ecologia. Aqui, estamos nos referindo à Interface Gráfica de Usuário, um tipo de interface que permite a interação com dispositivos digitais por meio de ícones e outras orientações visuais. Tudo aquilo que vemos em um site, app ou sistema operacional é uma Interface Gráfica de Usuário, também chamada de GUI.

O UI Designer é pessoa responsável por desenhar essa interface de maneira funcional. Este profissional trabalha em simbiose com o UX Designer, que tem a função de compreender as necessidades e expectativas do usuário final e refleti-las no desenho do site.

Atualmente, ouve-se muito falar de UX Design, uma vez que a experiência de usuário é uma dos pontos mais importantes de um negócio, não apenas no meio digital. Dentro do desenvolvimento de páginas, o UX é responsável por perguntas como:

– Como o usuário se comporta?
– Como o usuário acessa informações?
– Onde o usuário clica e onde ele deixa o mouse durante a navegação?
– Qual a reação do usuário aos formulários de determinada página?

Ou seja, o UX Designer prototipa, testa, analisa e busca entender o comportamento do consumidor e tornar a experiência de navegação mais fácil e agradável. É função desse profissional ajudar a converter o usuário em cliente, por meio de uma experiência aprazível dentro do site. Assim, apesar de trabalhar em contato direto com os desenvolvedores, o UX também tem funções bastante ligadas à equipe de marketing. Afinal, a experiência do usuário no meio digital precisa estar conectada à estratégia de experiência da marca.

Quando o desenho está pronto, o front-end vai codificá-lo. Isto é, ele transforma o desenho do site em linguagem de programação, deixando o site vivo. UX Designer, UI Designer e Front-end precisam trabalhar em constante diálogo para a interface ser funcional, intuitiva e agradável aos olhos.

Depois de todas essas etapas, o site finalmente chega ao programador back-end.

Back-end

Depois de muitos debates e reuniões, você finalmente está feliz e aprovou o desenho do seu site. Agora, você precisa que todas aquelas fotos, links e botões levem para os lugares certos e sua webpage funcione corretamente.

É neste momento que entra o back-end. Ele age nos bastidores da página (e por isso recebe o nome de back, ou seja, fundo), criando códigos de programação que são capazes de operar os dados e ações da interface e integrá-los com o banco de dados em um servidor. O desenvolvedor back-end é o encarregado de dinamizar os sites, organizando todas as informações pela manipulação do código dos arquivos da aplicação e dos dados em bancos de dados.

Ainda que não lide diretamente com a parte visual, o back-end precisa entender o desenho do site para saber como lidar com os bancos de dados. Estes são parte fundamental ao funcionamento do trabalho e a habilidade com banco de dados complexos é um requisito essencial. Este desenvolvedor  trabalha com três partes de um site:

1. Servidor: máquina que armazena fisicamente os arquivos e os envia ou salva novos dados, “servido-os” de acordo com os pedidos (feitos nos botões programados pelo front-end).
2. Aplicação: é o programa propriamente dito. Uma sequência de códigos escritos para executar a função para que foi desenhado.
3. Banco de dados: armazena os dados necessários para o funcionamento do site, de maneira que possam ser facilmente encontrados e alterados. Seus dados de cadastro, por exemplo, ficam em bancos de dados.

Além de sites, o back-end também pode programar aplicativos. As linguagens usadas para cada uma dessas opções é diferente e, em geral, cada profissional se especializa em uma dessas áreas. O back-end é responsável por sistemas complexos como intranets e gestores de conteúdo.

Podemos dizer, então, que são funções do back-end: a regra de negócios, segurança, banco de dados e integração de webservices. Suas atividades principais são programar, codificar, testar os projetos criados e fazer a manutenção dos sistemas no cotidiano.

Programação no cotidiano

O front e o back precisam estar alinhados e sempre em contato para desenvolver páginas que atendam tanto ao cliente que o encomendou – que também pode manipular este site alimentado-o com conteúdo,  por exemplo – quanto ao usuário final. Desta forma, front-end e back-end são aliados e só trabalhando juntos podem fazer o site rodar. Assim, não faz sentindo usar uma sigla que indica rivalidade (VS), pois estamos tratando de um time. No começo deste texto comentamos que preferíamos usar o E quando vamos falar dos dois tipos de desenvolvedores: este é o motivo.

Aqui na Calebe, além dos desenvolvedores de front-end e back-end, existem outras pessoas responsáveis pela criação de cada site que construímos. Mas isso já é papo para um outro texto.