Módulo 2: Os 5 Pilares & Fundamentos

PILAR 01

Gerenciamento de Memória & Ciclo de Vida (Stack vs. Heap)

Um dos maiores mitos entre Vibe Coders é que linguagens com Garbage Collector (JS, Python, Java, C#) não sofrem de vazamento de memória ou engasgos. Quando a IA gera código que cria milhares de objetos temporários dentro de loops de renderização (como em requestAnimationFrame ou eventos de rolagem), o Coletor de Lixo é acionado repetidamente, travando a thread principal.

AUDITORIA DE CÓDIGO: ANIMAÇÃO DE ALTA FREQUÊNCIA

// CÓDIGO GERADO POR IA (VIBE CODING):
// Instancia novos objetos dinâmicos { x, y } 60 vezes por segundo para cada partícula!
function renderFrame(particles) {
  particles.forEach(p => {
    // Alocação contínua na Heap -> Dispara Garbage Collector -> Causa Jank
    const pos = { x: p.x + p.vx, y: p.y + p.vy };
    draw(pos);
  });
  requestAnimationFrame(() => renderFrame(particles));
}

// ENGENHARIA INTENCIONAL:
// Reaproveita estruturas existentes na memória ou opera com primitivos na Stack.
function renderFrame(particles) {
  for (let i = 0; i < particles.length; i++) {
    const p = particles[i];
    p.x += p.vx; // Mutação em local estável de memória (Zero Heap Allocation)
    p.y += p.vy;
    drawDirect(p.x, p.y);
  }
  requestAnimationFrame(() => renderFrame(particles));
}

PILAR 02

Complexidade Algorítmica Prática (`Big-O` & Estruturas de Dados)

Modelos de linguagem adoram usar sintaxe funcional encadeada (como .map().filter().find()). Quando aplicadas sobre coleções grandes, essas operações escondem complexidade O(n²). O engenheiro soberano identifica o gargalo e converte a busca em O(1) com Mapas Hash.

AUDITORIA DE CÓDIGO: CRUZAMENTO DE 10.000 REGISTROS

// CÓDIGO GERADO POR IA (O(n²)):
// Para cada um dos 10.000 pedidos, varre a lista inteira de 10.000 usuários no .find()!
function enrichOrders(orders, users) {
  return orders.map(order => {
    const user = users.find(u => u.id === order.userId); // 100 MILHÕES DE COMPARAÇÕES
    return { ...order, userName: user?.name };
  });
}

// ENGENHARIA INTENCIONAL (O(n) linear total com lookup O(1)):
function enrichOrders(orders, users) {
  // 1. Constrói índice Hash em O(N)
  const userMap = new Map(users.map(u => [u.id, u.name]));
  
  // 2. Itera pedidos com lookup instantâneo em O(1)
  return orders.map(order => ({
    ...order,
    userName: userMap.get(order.userId)
  }));
}

PILAR 03

Segurança Proativa & Modelo de Ameaças (OWASP Top 10)

IAs são treinadas com repositórios públicos que frequentemente contêm vulnerabilidades de injeção. Ao gerar código de interface ou banco de dados, o Vibe Coder introduz XSS ou SQL Injection com facilidade.

AUDITORIA DE CÓDIGO: RENDERIZAÇÃO DE DADOS EXTERNOS

// CÓDIGO GERADO POR IA:
// Injeta string HTML sem sanitização. Se payload conter <script>, executa roubo de sessão.
const userBio = await fetchUserProfile(id);
document.getElementById('profile-card').innerHTML = userBio;

// ENGENHARIA INTENCIONAL (Zero Trust no Cliente):
const userBio = await fetchUserProfile(id);
const profileCard = document.getElementById('profile-card');
profileCard.textContent = ''; // Limpa estado

const textNode = document.createTextNode(userBio); // Trata input como texto literal
profileCard.appendChild(textNode);

← Voltar: Módulo 1 Avançar para Módulo 3: IA Assistente →