Compreender desenvolvimento e código
Separe estrutura, apresentação, interação e processamento do servidor. Siga os dados até ao resultado guardado. Uma animação de sucesso não comprova um processo conservado nem permissões aplicadas corretamente.
101 conceitos com definições e conselhos práticos.
Pesquisar em todo o glossário
Um percurso de leitura
1. Estrutura e apresentação
- HTML
Linguagem de marcação que descreve a estrutura e o significado do conteúdo em uma página da web.
- CSS
Linguagem da folha de estilos que controla a apresentação, as cores, o espaçamento e o layout dos documentos da web.
- HTML semântico
Uso de elementos HTML de acordo com seu significado real para melhorar a estrutura, a acessibilidade e a compreensão do documento.
2. Trocas e contratos
- API
Interface permitindo que o software troque dados ou gatilhe funções de acordo com as regras documentadas.
- terminal
Endereço de API específico ou ponto de acesso para o qual um cliente envia uma solicitação.
- Contrato de API
Descrição acordada das operações da API, dados esperados, respostas e erros, mantidos de acordo com seu comportamento.
3. Erros e evolução
- Aprimoramento progressivo
Abordar primeiro, fornecendo uma linha de base universalmente funcional primeiro e, em seguida, adicionando melhorias de acordo com os recursos do navegador.
- Pré-produção
Ambiente de pré-produção semelhante ao site ao vivo, onde as alterações são verificadas antes do lançamento.
- Controlo de versões
Sistema de manutenção de arquivos, facilitando a colaboração e permitindo o retorno a um estado anterior.
Distinções úteis
Front-end / Back-end
Front-end apresenta a interface; back-end processa no servidor. Um controlo no ecrã não substitui validação dos dados recebidos.
API / Webhook
Uma API descreve trocas; um webhook notifica um evento. O destinatário deve tratar atrasos e repetições.
Usar os conceitos para decidir
Situação
Um pedido mostra sucesso sem guardar um processo.
Antes de decidir
Compare pedido, resposta e estado conservado. Distinga mensagem da interface e confirmação do processamento.
Uma verificação concreta
Reproduza numa cópia autorizada com dados de teste e registe cada etapa.
Todos os conceitos do tema
As ligações abrem a definição completa na página alfabética. Siglas e sinónimos continuam pesquisáveis no glossário geral.
- Algoritmo
- AMP
- API
- Aplicativo Web
- Assíncrono
- AVIF
- Back-end
- patamar
- Bot
- CacheStorage
- Carregamento incremental
- cadeia de redirecionamento
- Cliente web
- Código fonte
- Contrato de API
- Controlo de versões
- CSS
- Gráfico de dependência
- DOM
- Conteúdo dinâmico
- Elemento head de HTML
- terminal
- Arquitetura orientada a eventos
- faceta do catálogo
- Sinalizador de recursos
- estrutura
- Front-end
- Git
- GraphQL
- HTML
- Cabeçalho HTTP
- i18n
- IDE
- Idempotência
- Identificador de correlação
- Identificador de entrega de webhook
- iframe
- Imagem responsiva
- IndexedDB
- Isolamento bidirecional
- ISR
- JAMstack
- Java
- JavaScript
- Renderização de JavaScript
- Registro estruturado
- jQuery
- JSON
- JSON Schema
- Carregamento preguiçoso
- link quebrado
- Link localizado
- localhost
- localStorage
- Tarefa longa
- Middleware
- No-code
- Node.js
- Repetir o webhook
- código aberto
- OpenAPI
- 404 página
- Página paginada
- Paginação do cursor
- Payload
- PHP
- plugin
- Aprimoramento progressivo
- Aplicativo progressivo da web
- Pré-produção
- Publicação do site
- Python
- string de consulta
- Recurso de bloqueio de renderização
- interpretação
- pedido condicional
- solicitação de pré-voo
- REST API
- HTML semântico
- Renderização do lado do servidor
- Service worker
- Sessão
- sessionStorage
- Atributo de tamanhos
- srcset
- site estático
- HTTP 410 Status
- Storage Access API
- script de terceiros
- Parâmetro de URL
- Reescrita de URL
- Validação do formulário
- WebAssembly
- Webhook
- WebMCP
- WebSocket
- WordPress
- XHTML
- XML
- XPath
- YAML
Documentos de referência primários
Estes documentos explicam conceitos técnicos. Percursos e exemplos são métodos editoriais a adaptar ao projeto.