Visão geral

Curso de codificação de URL

Entenda codificação percentual, query strings e a diferença entre encodeURI e encodeURIComponent.

Este curso explica codificação percentual (codificação URL) — como texto fica seguro dentro de URLs, query strings e segmentos de path. O foco é o modelo de codificação (bytes, caracteres reservados, regras de decode), não um manual de botões de um site.

Para quem é este curso

  • Desenvolvedores backend e frontend que montam links, APIs ou redirects
  • Quem depura URLs “quebradas” com espaços, emojis ou & dentro de valores
  • Engenheiros comparando encodeURI, encodeURIComponent e envio de formulários

O que você vai aprender

  1. Por que URLs tratam alguns caracteres como especiais e como a codificação corrige isso
  2. Como %XX mapeia para bytes (incluindo UTF-8 para texto não ASCII)
  3. Quando usar encodeURI versus encodeURIComponent em JavaScript
  4. Como query strings (?a=1&b=2) são formadas e analisadas com segurança
  5. Por que + e %20 se comportam diferente em query strings e formulários HTML

Como usar este curso

Use o sumário entre as lições. Leia a visão geral primeiro e siga a ordem — cada lição assume as anteriores.

Para experimentar depois, a ferramenta codificador/decodificador URL é opcional; o objetivo é entender as regras, não decorar uma UI.

Começar lição 1
Base64 vs codificação de URLBase64 e codificação de URL resolvem problemas diferentes: representar bytes como texto versus tornar componentes de URL seguros.Bugs comuns de codificação de URL em redirects OAuthProblemas de redirect OAuth costumam vir de double encoding, falta de codificação e confusão entre query strings e URLs aninhadas.Hash vs criptografia vs codificaçãoEntenda quando os dados devem ser hasheados, criptografados ou codificados — e por que esses mecanismos não são intercambiáveis.