🥞 Fase 10: Projeto Integrado Full Stack (Angular + Spring Boot + PostgreSQL)

Bem-vindo à Fase 10 da Trilha de Formação em Computação. Nesta etapa culminante, você integrará todas as camadas da aplicação, conectando a interface gráfica web (Angular Standalone) ao servidor de negócios (Spring Boot API RESTful) e ao armazenamento de dados (PostgreSQL).

🎯 Objetivos de Aprendizado

• Integração End-to-End: Conexão entre a camada de apresentação web e os endpoints RESTful do servidor.
• Autenticação Stateless: Fluxo completo de login, armazenamento seguro do token JWT no cliente e envio via Header Authorization: Bearer.
• Tratamento de Erros de Rede: Interceptação de respostas HTTP 401, 403, 404 e 500 com HttpInterceptor no Angular e notificações ao usuário.
• Operações CRUD Completas: Telas de formulário reativo para criação, listagem paginada, edição e exclusão de registros.
• CORS & Segurança: Configuração de Cross-Origin Resource Sharing (@CrossOrigin) no backend para permissão de origens controladas.

🚀 Sumário da Fase 10

Acesse a ementa do Projeto Full Stack Integrado abaixo.

📊 Arquitetura Integrada da Fase 10

flowchart LR
    subgraph Frontend ["Client-Side (Angular Standalone)"]
        UI["Interface SPA & Reactive Forms"]
        SIG["State Management (Signals)"]
        HTTP["HttpClient & Interceptors"]
    end
    
    subgraph Backend ["Server-Side (Spring Boot API)"]
        CTRL["REST Controllers & DTOs"]
        SEC["Spring Security & JWT Filter"]
        SERV["Service Layer & Rules"]
        REPO["Spring Data JPA"]
    end
    
    subgraph Database ["Persistence Layer"]
        DB[(PostgreSQL Database)]
    end
    
    UI --> SIG --> HTTP
    HTTP <-->|"JSON / HTTPS (Bearer Token)"| CTRL
    CTRL --> SEC --> SERV --> REPO
    REPO <-->|"SQL (JDBC / Driver)"| DB

📚 Ementa do Projeto Full Stack

🎨 Módulo 1: Preparação do Frontend (Angular SPA)

• Capítulo 01: Estrutura do projeto Angular Standalone e configuração do tema visual
• Capítulo 02: Criação dos Modelos e Interfaces TypeScript correspondentes às Entidades Backend
• Capítulo 03: Desenvolvimento dos Serviços Angular com HttpClient (AlunoService, AuthService)
• Capítulo 04: Tela de Login com Formulários Reativos e Validação em tempo real
• Capítulo 05: Armazenamento do Token JWT no LocalStorage e Gerenciamento com Signals

⚙️ Módulo 2: Configuração do Backend (Spring Boot API)

• Capítulo 06: Setup da API RESTful Spring Boot 3+ e conexão com PostgreSQL
• Capítulo 07: Modelagem do Domínio: Entidades Usuario, Aluno, Curso e Matricula
• Capítulo 08: Implementação do DTO de Autenticação (LoginDTO, TokenDTO)
• Capítulo 09: Configuração do Spring Security e Liberação de CORS (CorsRegistry)
• Capítulo 10: Emissão e Validação do Token JWT no filtro de segurança

🗄️ Módulo 3: Integração das Operações CRUD

• Capítulo 11: Integração da Tela de Login Angular com a Rota /auth/login do Backend
• Capítulo 12: Criação do AuthInterceptor no Angular para inclusão automática do Token JWT
• Capítulo 13: Tela de Listagem Paginada de Alunos com Consumo de Endpoint Paginado (Pageable)
• Capítulo 14: Tela de Cadastro e Edição de Alunos com Validação Integrada
• Capítulo 15: Exclusão de Registros e Diálogos de Confirmação no Frontend

🚀 Módulo 4: Testes End-to-End e Ajustes Finais

• Capítulo 16: Tratamento de Erros de Conexão e Interceptação de Erros 401/403 (Redirecionamento para Login)
• Capítulo 17: Testes de Integração End-to-End entre Frontend e Backend
• Capítulo 18: Otimização de Performance, Lazy Loading de Rotas e Build de Produção
• Capítulo 19: Documentação da API com OpenAPI / Swagger UI (springdoc-openapi)
• Capítulo 20: Entrega do Projeto Full Stack Integrado de Gestão Escolar 🏆