Arquitetura frontend que se aprende construindo, não assistindo. 64 exercícios "constrói isto" + 11 projetos reais, cada um com solução Angular 21/TS de referência e rubrica de arquiteto sênior. Aqui o output é obrigatório.
Fazer a primeira lição de graça ver a oferta →O problema
Você já assistiu curso de Angular suficiente pra dar aula. Sabe signals, manja de RxJS, entrega feature no sprint. Mas quando cai um requisito novo e você abre o arquivo em branco, trava — não na sintaxe, na decisão. Qual a fronteira desse componente? Onde mora esse estado? Isso aguenta um time e dois anos, ou vira espaguete em três meses?
Aí você faz o que sempre "funcionou": procura um tutorial. Assiste no 2x, sente que aprendeu, fecha a aba. Três meses depois não lembra de nada — porque você nunca construiu nada com aquilo. Esse é o ciclo, e ele tem nome: tutorial hell.
E o problema nunca foi falta de conteúdo. Tem curso de graça sobrando no YouTube e na Udemy. O problema é mais simples e mais chato de encarar: assistir não vira músculo. Você não fica mais forte olhando alguém levantar peso.
Eu sei porque vivi isso. Uns dez anos de Angular e TypeScript, e ainda me pegava consumindo em vez de construir. Sem pose de guru: este produto é a saída que eu tive que montar pra mim mesmo.
A virada
Aqui a mecânica é invertida na raiz. Cada um dos 64 tópicos começa com o modelo mental — e depois você constrói. Só então você compara com a solução Angular 21/TS de referência e estuda as armadilhas comentadas. Não tem vídeo pra assistir de forma passiva. Tem um exercício "constrói isto" com um teste que já vem falhando, esperando você fazer passar.
Esse teste que falha é a rubrica virada código executável. Você não "acha" que acertou — o verde na sua máquina prova. E construir é a única forma de avançar: a skill-tree só acende o próximo nó quando o anterior fica verde. É o antídoto ao tutorial hell transformado em mecânica, não em promessa.
Não para no exercício isolado. Cada categoria fecha destravando o seu capstone — um projeto integrador de fim de semana, avaliado pela mesma rubrica que um staff usaria pra te avaliar numa entrevista sênior. No fim você não sai "sabendo mais Angular". Sai com 11 apps reais construídos por você e com a única coisa que nenhum vídeo transfere por osmose: o julgamento pra decidir arquitetura — o que sobrevive à próxima versão do framework.
Pra quem é (e pra quem não é)
É pra você se:
Não é pra você se:
O que você leva
Parar de usar TS e signals no chute. Modelar estado que não mente, não vaza e não te surpreende em produção — a fundação sobre a qual todo o resto se apoia.
Lições das categorias Fundamentos JS/TS e Reatividade & estado (signals/RxJS). Cada lição: modelo mental + exercício 'constrói isto' com teste que falha + solução de referência Angular 21/TS + armadilhas comentadas. Branch starter e solution no repo. Categoria trava até você fechar o capstone dela.
Desenhar fronteiras. Componentes que não sabem demais e apps que escalam sem virar espaguete — a diferença entre 'funciona' e 'aguenta um time e dois anos'.
Lições de Arquitetura de componentes + Padrões de aplicação (Nx/DDD). Modelo mental de boundaries, smart/dumb, feature/lib boundaries no Nx, DDD aplicado ao frontend. Exercícios executáveis + soluções + armadilhas de acoplamento. Capstone da categoria ao fim.
Provar performance com métricas, não com fé. Renderizar listas gigantes a 60fps e buscar/cachear dados sem race conditions nem waterfalls — o que separa 'rápido no meu PC' de rápido de verdade.
Lições de Performance & rendering + Data fetching & caching. Change detection zoneless, virtual scroll, Web Worker, medição real (HUD de perf); estratégias de cache, revalidação, cancelamento. Exercícios cronometrados por métrica + soluções + armadilhas. Ponte direta pro capstone Ticker.
Código em que você confia às 3 da manhã. Testes que pegam regressão de verdade, build que não te trai e um app que você enxerga rodando em produção.
Lições de Testes + Build & tooling + Segurança & observabilidade. Testes de arquitetura, jest zoneless/fake timers, tooling Nx/CI, XSS/CSP, logging e telemetria. Exercícios 'quebra e conserta' + soluções + armadilhas reais de produção.
A camada que separa júnior de sênior e quase ninguém domina: interface consistente, tema-aware e usável por todos — CSS que escala e a11y que não é checkbox.
Lições de Design systems & CSS + Acessibilidade. Tokens, temas claro/escuro, arquitetura de CSS, WAI-ARIA, foco/teclado, contraste AA. Exercícios com critério objetivo de aprovação + soluções + armadilhas de a11y invisíveis.
Montar coisas reais, fim-a-fim, com rubrica de arquiteto sênior. Sair com 11 apps construídos por você — incluindo o Ticker de 100k instrumentos provado por métricas — que viram portfolio público, não certificado de participação.
Os 11 projetos capstone (1 por categoria), do menor ao Ticker. Cada um: enunciado de projeto de fim de semana, rubrica de arquitetura sênior para auto-avaliação, repo starter e solução de referência. Destravados um a um ao fechar cada categoria — o fecho da trilha.
O pré-requisito travado. Parar de usar TS e signals no chute e modelar estado que não mente, não vaza e não te surpreende em produção. Fundamentos JS/TS + Reatividade & estado (signals/RxJS), com exercício, teste que falha, solução de referência e armadilhas. Sem essa fundação, o resto desaba.
Desenhar fronteiras. Componentes que não sabem demais e apps que escalam sem virar espaguete. Boundaries, smart/dumb, feature/lib no Nx e DDD aplicado ao frontend — a diferença entre 'funciona' e 'aguenta um time e dois anos'.
Provar performance com métrica, não com fé. Change detection zoneless, virtual scroll, Web Worker e HUD de perf; caching, revalidação e cancelamento sem race conditions nem waterfalls. Ponte direta pro capstone Ticker.
Código em que você confia às 3 da manhã. Testes de arquitetura, jest zoneless/fake timers, tooling Nx/CI, XSS/CSP, logging e telemetria. Exercícios de 'quebra e conserta' com armadilhas reais de produção.
A camada que separa júnior de sênior e quase ninguém domina. Tokens, temas claro/escuro, arquitetura de CSS que escala, WAI-ARIA, foco/teclado e contraste AA — com critério objetivo de aprovação, não achismo.
Montar coisas reais, fim a fim, com rubrica de arquiteto sênior. Do menor ao Ticker de 100 mil instrumentos provado por métricas. Você sai com 11 apps construídos por você que viram portfolio público.
Cada lição tem uma branch starter (esqueleto + teste que falha) e uma branch solution de referência. Você clona, roda e só 'passa' quando o teste fica verde na sua máquina. Construir é a única forma de avançar.
O mesmo checklist que avalia os capstones, pra você usar em code review e entrevista — vira ferramenta de trabalho. Mais as armadilhas das 64 lições compiladas num anti-pattern catalog pesquisável pra consulta rápida.
Por que confiar no conteúdo
Eu não vou te pedir pra confiar na minha palavra. O corpo de trabalho está no ar pra você conferir antes de pagar:
A oferta
O que você leva:
Preço de lançamento: R$ 397 R$ 597 no Brasil · €89 €129 em Portugal. Janela de 5 a 7 dias.
Order bump opcional no checkout: a Rubrica de Arquiteto Sênior (PDF + versão executável em teste) por +R$ 47 / €12 — o checklist que você leva pro trabalho de verdade.
Pagamento pela Hotmart, com o que decide conversão em cada lado: Pix, boleto e cartão no Brasil; MB WAY e cartão em Portugal.
Garantia de 7 dias. Faz a primeira categoria inteira, constrói de verdade. Se não virou músculo, você pede reembolso — e leva o que construiu com você.
Rascunho de página · venda pela Hotmart (Pix + MB WAY) ainda não ativa — a lista de espera é o próximo passo.
Perguntas honestas
Israel Lucena · dev frontend sênior (~10 anos, Angular/TS) · construído com o fio de evolução 🌀