Pular para conteúdo

Aula 09 - Segurança e Autenticação com JWT 🔐

Objetivo

Objetivo: Entender os conceitos de Autenticação e Autorização, aprender como funciona o padrão JWT (JSON Web Token) e como implementar um login seguro e sem estado (stateless).

1. Autenticação vs Autorização 🚦

Embora pareçam iguais, são processos diferentes: * Autenticação: "Quem é você?" (Validar e-mail e senha). * Autorização: "O que você pode fazer?" (Checar se você tem permissão de Admin, por exemplo).

2. O Problema das Sessões (Stateful) 🍪

Antigamente, o servidor guardava uma "sessão" na memória para cada usuário logado. * Problema: Se você tivesse 1 milhão de usuários, a memória do servidor estourava.

Aula 09 - Ferramentas de Apresentações II: Design e Impacto ✨

Agora que você já sabe criar slides, vamos aprender a torná-los memoráveis através de transições suaves e um design visual coeso.

🌈 Identidade Visual

Uma apresentação profissional deve seguir uma paleta de cores e fontes consistente do início ao fim.

Dica de Design

Use sites como Adobe Color para encontrar combinações de cores que funcionam bem juntas. Evite o "Efeito Arco-Íris" (muitas cores sem sentido).

🎞️ Transições vs Animações

  • Transições: É o efeito de passagem de um slide para o outro (ex: Empurrar, Esmaecer). Use transições simples para não distrair o público.
  • Animações: São efeitos aplicados aos objetos dentro de um slide (ex: um texto que "voa" para dentro).
    • Regra de Ouro: Use animações apenas se elas ajudarem a explicar a ordem lógica das coisas.

📊 Hierarquia Visual

graph TD
    Visual["👁️ Impacto Visual"] --> Contrast["🌗 Contraste (Texto escuro em fundo claro)"]
    Visual --> Alignment["📏 Alinhamento (Elementos organizados)"]
    Visual --> Repetition["🔁 Repetição (Padrão de cores/fontes)"]
    Visual --> Proximity["↔️ Proximidade (Itens relacionados ficam juntos)"]

📢 Técnicas de Oratória Online

Ao apresentar via videoconferência (Meet, Zoom, Teams): 1. Olhe para a câmera: Isso simula o "olho no olho". 2. Iluminação: Garanta que seu rosto esteja bem iluminado. 3. Interação: Use chats ou enquetes para manter o público acordado.

💻 Mão na Massa: Aplicando Transições e Animações

# No software de slides:
1. Clique na aba 'Transições'
2. Selecione 'Esmaecer' (Fade) e clique em 'Aplicar a Todos'
3. Selecione um Texto
4. Vá em 'Animações' -> 'Surgir'
5. Configure para iniciar 'Ao clicar'

📝 Exercícios de Fixação

  1. Raciocínio: Por que transições muito barulhentas ou espalhafatosas podem ser prejudiciais?
  2. Identificação: Qual o nome do princípio de design que diz que "coisas parecidas devem ter a mesma aparência"?
  3. Técnica: Explique a importância do contraste entre a cor da fonte e a cor do fundo do slide.

🚀 Mini-Projeto: Apresentação com Design Polido

Objetivo: Refinar a apresentação da aula anterior aplicando técnicas de design.

  1. Abra o arquivo da Aula 08.
  2. Aplique uma Transição de "Esmaecer" em todos os slides.
  3. No slide 2, aplique uma Animação de "Surgir" nos tópicos (bullets), para que eles apareçam um por um.
  4. Desafio de Cores: Mude o fundo dos slides para uma cor escura e o texto para branco (Modo Escuro).
  5. Adicione uma imagem de fundo com transparência (marca d'água).
  6. Salve a versão final como projeto_09_design_impacto.pdf.

7. Exercício de Fixação 🧠

  1. Por que o JWT é chamado de "Stateless" (Sem estado)?
  2. O que acontece se uma pessoa mal-intencionada mudar o role de 'user' para 'admin' dentro do Payload do JWT? Por que a assinatura (Signature) impede isso?
  3. Qual o perigo de usar uma "Chave Secreta" muito Curta ou óbvia (ex: "123")?

Próxima Aula: Como proteger rotas específicas? Controle de Acesso (RBAC) e Permissões 🛡️