// Página Manifesto. // // Conteúdo vindo de instrucoes/manifesto.md, meu_estilo_de_ensino.md e // orientacao_projeto.md do repositório LivroAntesDoCodigo. Os emoji que // marcam seção nos originais viraram ícones SVG da marca — o design system // não usa emoji (ver readme, "Iconography"). // // Os diagramas são HTML+CSS, não SVG de bloco: assim respondem ao // responsive.css como qualquer outro conteúdo e o texto continua // selecionável e legível no celular. function ManifestoMark({ name, size = 20 }) { const paths = { // bússola — direção, contexto compass: <>, // olho aberto — consciência eye: <>, // camadas — construção em camadas layers: <>, // alvo — missão target: <>, // mão aberta — convite hand: <>, }; return ( ); } function SectionLabel({ icon, children }) { return (
{children}
); } function PullQuote({ children, cite }) { return (

{children}

{cite &&
{cite}
}
); } function Para({ children, lead }) { return (

{children}

); } /* ── Diagrama 1: o tripé e os três modos de falha ─────────────────── */ function DiagramaTripe() { const pernas = [ { nome: 'Prática', falta: 'Sem propósito', vira: 'repetição', cor: 'var(--signal-600)' }, { nome: 'Reflexão', falta: 'Sem reflexão', vira: 'decoreba', cor: 'var(--gold-600)' }, { nome: 'Propósito', falta: 'Sem contexto', vira: 'ruído', cor: 'var(--blue-600)' }, ]; return (
Aprendizado real
{pernas.map(p => (
{p.nome}
{p.falta},
vira {p.vira}
))}
Tire uma perna e o que resta não é aprendizado incompleto — é outra coisa, com outro nome.
); } /* ── Diagrama 2: o que vem antes do código ────────────────────────── */ function DiagramaAntes() { const etapas = [ { n: '01', t: 'Contexto', d: 'Que problema real existe aqui, e para quem.' }, { n: '02', t: 'Raciocínio', d: 'Que caminhos existem, e o que cada um custa.' }, { n: '03', t: 'Decisão', d: 'Por que este — e por que não os outros.' }, { n: '04', t: 'Código', d: 'A parte que todo mundo vê. A última.' }, ]; return (
{etapas.map((e, i) => { const ultimo = i === etapas.length - 1; return (
{e.n} {e.t} {e.d}
); })}
O mercado ensina a etapa 4 e chama isso de aprender a programar.
); } /* ── Diagrama 3: o arco da transformação ──────────────────────────── */ function DiagramaArco() { const fases = [ { fase: 'Antes', desc: 'Visão limitada. Executa o que mandaram, do jeito que viu.', tom: 'var(--text-muted)' }, { fase: 'Agora', desc: 'Clareza adquirida. Entende por que aquilo funciona — e quando não funcionaria.', tom: 'var(--accent-strong)' }, { fase: 'Depois', desc: 'Comportamento novo. Decide sozinho em contextos que ninguém ensinou.', tom: 'var(--text-primary)' }, ]; return (
{fases.map((f, i) => (
{i < fases.length - 1 &&
}
{f.fase}
{f.desc}
))}
); } /* ── Diagrama 4: os quatro pilares ────────────────────────────────── */ function DiagramaPilares() { const pilares = [ { p: 'Livro', foco: 'Consciência e mentalidade', res: 'Despertar clareza e raciocínio crítico' }, { p: 'Mentorias', foco: 'Aplicação e autonomia', res: 'Pensar e decidir com propósito' }, { p: 'Consultorias', foco: 'Cultura e governança', res: 'Clareza técnica que a empresa sustenta' }, { p: 'Cursos', foco: 'Estrutura e prática real', res: 'Ensinar por camadas, com contexto antes do código' }, ]; return (
{pilares.map((x, i) => (
{x.p}
{x.foco}
{x.res}
))}
); } function ManifestoPage({ onNavigate }) { return (
Manifesto

Antes do código, vem a consciência.

É ela que separa quem executa de quem entende.

O que eu acredito Aprender tecnologia não é decorar frameworks nem colecionar certificados. É entender o que está por trás de cada escolha, pensar criticamente e agir com propósito. A tecnologia muda todos os dias. O que mantém um profissional relevante é a clareza com que ele pensa — não a velocidade com que ele copia. Vejo muita gente estudando tecnologia pela tecnologia, sem contexto e sem propósito, alimentada por uma indústria que vende pressa e dopamina: vídeos curtos, promessas instantâneas e resultados de fachada. Eu não jogo esse jogo. Meu compromisso é outro.
O meu compromisso
    {[ 'Ensinar como pensar antes de programar.', 'Ensinar por que fazer — e, principalmente, por que não fazer.', 'Mostrar como conectar técnica, propósito e impacto.', 'Ajudar a desenvolver autonomia intelectual, para que nenhuma moda dite o ritmo da sua carreira.', ].map(item => (
  • {item}
    • ))}
O meu ensino não é sobre atalhos. É sobre consciência. Porque quem entende o contexto não depende de tutoriais — sabe criar o próprio caminho.
A base de tudo Assim como ninguém vira atleta só assistindo jogo, ninguém vira profissional de verdade só assistindo vídeo-aula. Por isso eu ensino a enxergar o que vem antes do código — as decisões, os raciocínios e as intenções que dão sentido à técnica.
A minha missão Ajudar pessoas a entenderem tecnologia antes de usá-la. Formar profissionais que pensam, decidem e criam com consciência. Gente que entende que resolver problemas de negócio é mais importante do que provar domínio técnico. Quero que cada pessoa saia com aquela sensação de “agora tudo faz sentido” — porque entendeu não apenas o que fazer, mas por que fazer daquele jeito. Não ensino o que pensar. Ensino como pensar.
Onde isso vira trabalho O mesmo raciocínio sustenta tudo que eu faço. Muda o formato, não o método. Não quero formar quem depende de mim — quero formar quem não precisa mais.
Como quero ser lembrado Não como o professor que ensinou comandos, mas como quem ensinou consciência. Como alguém que ajudou pessoas a deixarem de ser meros operadores de ferramentas para se tornarem engenheiros de pensamento. Alguém que mudou vidas e carreiras com honestidade, clareza e propósito — sem vender atalhos, promessas ou modismos.
Um convite Se você busca independência, lucidez e confiança na sua jornada com tecnologia, isto aqui foi feito pra você. Não é um guia de frameworks. É um guia de raciocínio.
); } /* ── Chamada para o manifesto, usada na home ────────────────────────── Não é resumo: é o gesto mais forte do texto — nomear o que o mercado vende e recusar. Resumo informa; contraste faz querer ler. */ function ManifestoCallout({ onNavigate }) { const contraste = [ { vende: 'O atalho', ensino: 'O contexto' }, { vende: 'O que fazer', ensino: 'Por que fazer — e por que não' }, { vende: 'O próximo tutorial', ensino: 'Não precisar do próximo' }, ]; return (
Manifesto

Eu não jogo esse jogo.

Tem muita gente estudando tecnologia pela tecnologia, sem contexto e sem propósito — alimentada por uma indústria que vende pressa e dopamina: vídeos curtos, promessas instantâneas e resultados de fachada.

{contraste.map(c => (
{c.vende}
{c.ensino}
))}

Não quero formar quem depende de mim — quero formar quem não precisa mais.

); } Object.assign(window, { ManifestoPage, ManifestoCallout });