No front-end, você aprenderá o que chamamos de “Web Design”, que envolve o desenvolvimento de componentes, estrutura das páginas, acessibilidade, design responsivo (adaptável a telas de diferentes dimensões), paleta de cores, identidade visual e UX (experiência do usuário). Para isso, é necessário conhecer HTML, CSS (tratado com Sass ou Styled Components), JavaScript e, possivelmente, TypeScript. Para criar uma biblioteca de componentes, utiliza-se o React, e os frameworks mais populares são o Next.js e o Angular.
Exemplo de Front-End:
O editor de texto deste site roda JavaScript no computador do cliente, garantindo a segurança dos dados, pois nada sai do computador do cliente.
Um exemplo clássico é a validação do preenchimento correto de um formulário de compra. Para habilitar o botão de envio das informações ao servidor, os campos obrigatórios precisam ser preenchidos corretamente. O tempo de resposta é imediato, pois o computador do cliente orienta o usuário durante o preenchimento do formulário. Se o processamento fosse feito no servidor, o tempo de resposta seria insatisfatório e o servidor ficaria sobrecarregado.