Angular: a base reativa do FlickPicks
Este módulo usa o FlickPicks — um app real de filmes e séries com a API do TMDB — como referência viva de Angular moderno. Em vez de exemplos genéricos, cada aula parte de um trecho de código que está rodando em produção nesse projeto.
A ordem das aulas segue a ordem natural de quem começa um projeto do zero: primeiro o ambiente, depois a organização de pastas, os blocos visuais (componentes), o estado que reage a mudanças (signals), os dados vindos de fora (httpResource), a navegação entre telas (rotas) e, por fim, onde a lógica que não é visual mora (serviços).
O que vem por aí
| Aula | O que você vai construir |
|---|---|
| Criando o ambiente | Node, Angular CLI e o primeiro ng serve |
| Estrutura de pastas | Onde cada tipo de arquivo mora no FlickPicks |
| Componentes | Header, MovieCard e a convenção sem sufixo "Component" |
| Signals e computed | Estado reativo: signal, computed, effect |
| httpResource e consumo de dados | Buscando filmes na API do TMDB |
| Roteamento e páginas | Rotas simples, com parâmetro e rotas filhas |
| Serviços e o novo @Service() | Onde a lógica que não é visual mora |
Antes de começar
Este módulo assume que você já sabe o básico de HTML, CSS e JavaScript (variáveis, funções, arrays). Não é preciso conhecer Angular — é exatamente isso que vamos construir juntos.