O que é Frontend?
Frontend é a camada de uma aplicação que roda no navegador do usuário, responsável pela interface visual, interações e comunicação com o backend via APIs.
Explicação completa
Todo clique, scroll, animação e formulário que você vê num site ou app web é frontend. A base são três tecnologias: HTML (estrutura), CSS (estilo) e JavaScript (comportamento). Na prática moderna, quase ninguém escreve HTML puro. Frameworks como React, Vue e Svelte geram o HTML a partir de componentes reutilizáveis escritos em JavaScript/TypeScript. O frontend consome dados do backend via APIs e renderiza no DOM do navegador. Responsividade (adaptar a telas diferentes), acessibilidade (funcionar pra todos os usuários) e performance (carregar rápido) são as três preocupações centrais.
Exemplo prático
Quando você abre o Instagram no navegador, o frontend exibe o feed, stories e botões de curtir. Cada curtida dispara uma chamada à API do backend. O frontend atualiza o ícone do coração instantaneamente, sem recarregar a página — isso é interatividade client-side.
Termos relacionados
- O que é Backend?Backend é a camada de uma aplicação que roda no servidor, responsável por lógica de negócio, acesso a dados, autenticação e comunicação com outros serviços via APIs.
- O que é API?API (Application Programming Interface) é um conjunto de regras e endpoints que permite que um software se comunique com outro sem expor detalhes internos.
- O que é Framework?Framework é um conjunto de bibliotecas, convenções e ferramentas que fornece uma estrutura pré-definida para construir aplicações, invertendo o controle: o framework chama seu código, não o contrário.
Aprenda mais
- JavaScriptJavaScript é a linguagem que roda no navegador e no servidor. Começa com variáveis, funções e manipulação do DOM; evolui pra async/await, APIs e frameworks como React.
- ReactReact é a biblioteca JavaScript pra construir interfaces reativas com componentes reutilizáveis. Você declara o que a UI deve mostrar, e o React cuida de atualizar o DOM quando os dados mudam.
Perguntas frequentes
Frontend é só HTML e CSS?
Em 2026, não. JavaScript domina o frontend moderno: frameworks de componentes (React, Vue), bundlers (Vite), state management (Zustand, Redux), testing (Vitest, Playwright). HTML e CSS são a base, mas a complexidade está no JS.
Preciso saber design pra ser frontend?
Ajuda, mas não é obrigatório. A maioria dos times separa designer (que define o visual) de frontend dev (que implementa). Ter olho pra detalhes e saber interpretar um Figma basta.
O que é SPA, SSR e SSG?
SPA (Single Page App) roda tudo no navegador. SSR (Server-Side Rendering) gera HTML no servidor a cada request. SSG (Static Site Generation) gera HTML no build. Frameworks modernos como Astro e Next.js misturam os três conforme a necessidade.
Quer dominar JavaScript na prática?
A IA do Souly gera um plano de estudos sob medida em poucos minutos.
Última atualização: