Frontend
O frontend de um programa de software ou site é tudo com que o usuário interage. Do ponto de vista do usuário, o frontend é sinônimo da interface do usuário. Do ponto de vista de um desenvolvedor, ele é o design da interface e a programação que faz a interface funcionar. Por outro lado, o backend inclui funções e o processamento de dados que ocorre nos bastidores.
Um dos principais objetivos do desenvolvimento de frontend é criar uma experiência do usuário suave ou “sem atritos”. Em outras palavras, o frontend de um aplicativo ou site deve ser intuitivo e fácil de usar. Embora esse pareça um objetivo simples, ele pode ser surpreendentemente complexo, pois nem todos os usuários ou dispositivos são iguais. Por exemplo, um app desenvolvido para um dispositivo móvel exige um frontend significativamente diferente do de um aplicativo para desktop. Os sites precisam funcionar bem em vários dispositivos e tamanhos de tela, por isso o desenvolvimento web moderno normalmente envolve design responsivo.
Exemplos de elementos de frontend incluem:
- layout do aplicativo ou da página
- elementos gráficos
- elementos de áudio e vídeo
- conteúdo de texto
- elementos da interface do usuário botões, links, (barras de ferramentas, barras de navegação etc.)
- áreas de entrada (caixas de diálogo), campos de formulário, áreas de texto etc.)
- fluxo do usuário (como uma interface leva à próxima)
- preferências, temas e personalizações do usuário
A entrada do usuário é recebida pelo frontend e processada no backend de um programa ou site. O código do backend lê e grava dados e envia saídas ao usuário por meio do frontend. Como o backend e o frontend de um app ou site trabalham juntos, as vagas de software frequentemente exigem desenvolvimento de frontend e backend. Desenvolver para as duas partes é chamado de desenvolvimento full stack.
NOTE: Frontend também pode ser escrito como “front end” (como substantivo) ou “front-end” (como adjetivo). Por simplicidade, a palavra composta “frontend” se tornou um termo aceitável para ambos os casos.[/n]
Teste seus conhecimentos