Um designer de layouts e um programador de front-end.
Qual é a diferença?

As ferramentas de um designer de layout incluem um editor de texto para escrever e editar código, bem como um programa gráfico para trabalhar com design. O layout da página web não pode ser imaginado sem HTML. Trata-se de uma linguagem de marcação que é responsável pelo conteúdo da página: títulos, parágrafos, listas, etc. Com a sua ajuda, o browser compreende exatamente o que deve mostrar. CSS é a linguagem que descreve o aspeto da página e é responsável pelo design da página. É graças ao código CSS que o browser determina o aspeto deste ou daquele elemento, a sua posição em relação a outros elementos, etc.

No blogue da Magenta Favorita, continuamos a mergulhar no mundo multifacetado das profissões de TI. Hoje, vamos falar sobre designers de layout e desenvolvedores de front-end. Ambos criam sites e aplicações web. Vamos perceber as semelhanças e diferenças destas especialidades, que ferramentas e conhecimentos são necessários para o trabalho.

A criação de um sítio Web é um processo bastante complexo. É composto por várias etapas. Tudo começa com os termos de referência - um documento que descreve a estrutura do futuro sítio. Com base neste documento, o designer cria um layout - o aspeto das páginas. Depois, estas imagens devem ser traduzidas num código que será aberto no browser. Este processo é designado por layout do sítio Web.

Um designer de layouts
O conceito de "layout" chegou à informática a partir da indústria editorial. Nos livros, jornais e revistas, os blocos de texto e as imagens são dispostos de forma a facilitar ao máximo a perceção do material e a despertar o interesse do leitor. O mesmo acontece com os sítios Web. O designer do layout coloca corretamente os elementos na página e facilita o trabalho com eles. Layout do site esta é uma tarefa responsável que requer atenção e paciência.

Pode parecer que a criação de um layout é uma coisa simples de fazer. Só precisa de conhecer o código, saber utilizar alguns programas e já está. Na prática, verifica-se que nem tudo é assim tão simples. Há uma série de requisitos para o código escrito por um desenhador do layout:

1. O código deve ser válido, ou seja, não deve conter erros e deve estar em conformidade com as normas. A ausência de erros é um dos principais indicadores da qualidade do layout. Por sua vez, a qualidade do layout depende da velocidade de carregamento e da correção da apresentação das páginas no site.
2. Crossbrowsernstvo. O sítio deve ser apresentado corretamente em diferentes navegadores. Embora sigam regras e normas comuns, existem excepções. Em alguns casos, o mesmo elemento pode ser apresentado de forma diferente. Nos termos de referência, é obrigatório especificar com que navegadores e com que versão dos mesmos o sítio deve funcionar.
3. Adaptabilidade do layout. O sítio deve poder ser visualizado na íntegra nas janelas do navegador, independentemente do seu tamanho. O sítio pode ser aberto em qualquer monitor: de uma smart TV a um telemóvel. O layout adaptável substituiu a ideia de criar versões móveis separadas do sítio.

Programador de front-end
Frontend refere-se a tudo o que um utilizador vê quando abre uma página Web. Um programador de front-end é um especialista que cria e mantém a interface do utilizador de um sítio Web ou de uma aplicação Web.

Para além do layout, os programadores de front-end sabem como dar vida às páginas - fazer com que os botões respondam aos cliques, os sliders se movam, uma janela de autorização apareça quando se clica, e muito mais. Para tal, utilizam JavaScript, uma linguagem de programação que funciona em todos os browsers para todos os utilizadores. Os programadores front-end criam layouts em HTML, CSS, escrevem código em JavaScript, utilizam estruturas, bibliotecas e sabem como trabalhar com layouts em editores gráficos. Também compreendem os princípios do design UX/UI, SEO, compreendem o desenvolvimento móvel e as tecnologias do lado do servidor, sabem como trabalhar com controlo de versões e bases de dados.

Um designer do layout e um frontender são dois especialistas diferentes. O primeiro ocupa-se apenas da apresentação de acordo com o esquema recebido do web designer. Desenha o aspeto da página, cria a sua estrutura, blocos e elementos. A funcionalidade de um programador de front-end é muito mais. Um frontender experiente pode criar e programar o sítio de forma independente. Muitas vezes, actua como gestor técnico e chefe de equipa ao mesmo tempo, define a estratégia, acorda termos com o cliente, distribui tarefas entre os executantes, controla os prazos e é responsável pelo resultado final.