Squad Front

Appearance

Estagiário ​

Objetivo do Nível ​

Iniciar o aprendizado prático em desenvolvimento web, compreendendo as ferramentas básicas e a cultura da equipe, auxiliando em tarefas de baixíssima complexidade sob supervisão constante.

Objetivo esperado: Conseguir configurar o ambiente de desenvolvimento local e realizar pequenas alterações de texto ou estilo sob orientação.

Critérios de Conhecimento ​

Fundamentos ​

  • HTML5: Estrutura básica, tags principais (div, span, p, h1-h6), compreensão de atributos.
  • CSS3: Seletores básicos, box model (padding, margin, border), cores e fontes.
  • JavaScript Básico: Variáveis (let, const), tipos de dados simples (string, number, boolean), operadores aritméticos.
  • TypeScript Inicial: Diferença entre Interfaces (objetos) e Types (aliases).

React Core ​

  • Conceito de Componente: Entender que a interface é dividida em pequenas peças.
  • JSX: Sintaxe básica de como escrever HTML dentro do JavaScript.
  • Renderização: Conseguir rodar o projeto e ver as mudanças no navegador.

State ​

  • O que é estado: Noção básica de que dados podem mudar na tela.
  • useState: Uso guiado para tarefas simples (ex: abrir/fechar um modal). Ver guia de Hooks.

Design Patterns ​

  • Componentização: Noção de que não se deve repetir código visual. Ver guia de Componentes.
  • Props: Noção de que componentes podem receber informações de fora. Ver guia de Props.

Arquitetura ​

  • Organização de Pastas: Entender onde ficam os componentes e onde ficam as telas conforme a documentação de camadas.
  • Conceitos: Iniciação aos princípios POO (Interfaces e Fábricas), KISS, SoC (Separação de Preocupações) e Clean Code (Nomes significativos).

Performance/Render ​

  • Nível Inicial: Sem cobrança técnica, foco apenas em não travar o navegador com loops infinitos.

Testes ​

  • Cultura: Entender a importância de testar o que foi feito manualmente antes de enviar para revisão.

Rede ​

Segurança ​

  • Consciência: Compreensão básica de que a segurança é responsabilidade de todos.
  • Segredos: Entender que nunca se deve compartilhar senhas ou chaves de API em chats ou código.
  • Ataques Comuns: Noção teórica do que são ataques como XSS e por que não devemos confiar em entradas de usuários.

Entregáveis Esperados ​

  • Configuração completa do WebStorm com Prettier/ESLint.
  • Realização de "Small Fixes" (ajuste de labels, correção de typos).
  • Criação de um componente visual simples (ex: uma Label ou um Ícone) seguindo o Design System.

Como fazer vs Como não fazer ​

Como fazer ​

  • Perguntar sempre que tiver dúvida após tentar resolver sozinho por 15 minutos.
  • Seguir rigorosamente o Code Style.
  • Documentar seu aprendizado diário.

Como não fazer ​

  • Tentar resolver problemas complexos de arquitetura sozinho sem pedir orientação.
  • Subir código sem rodar o Prettier/Lint.
  • Ignorar os padrões de design (usar cores fora do tema).