Ferramentas para Programação II (FPR2)

Repositório com as aulas, exercícios e provas da disciplina de Ferramentas para Programação II, do Bacharelado em Ciência da Computação do IFSP – Câmpus Presidente Epitácio, cursada em 2026 por Gabriel Pontel de Mori.

A disciplina percorre uma stack web completa: começa em HTML e CSS, passa por TypeScript, avança em Angular do primeiro projeto até autenticação com interceptors, e fecha no back-end com Spring Boot e Spring Security.

---

Stack

Camada	Tecnologias
Front-end	HTML5, CSS3, Flexbox, TypeScript, Angular, PrimeNG
Back-end	Java, Spring Boot, Spring Data JPA, Spring Security
Build	npm / Angular CLI, Maven (wrapper incluso)

---

Percurso

1. HTML e CSS

Pasta	Conteúdo
html-estrutura-e-hierarquia	Estrutura de um documento HTML e hierarquia de tags
html-links	Navegação e âncoras
html-formularios	Formulários e campos de entrada
css-flexbox	Layout com Flexbox
prova-1-html-css	Prova 1 — enunciado, resolução em sala e entrega de ponto extra

2. TypeScript

Pasta	Conteúdo
typescript-introducao	Sintaxe, tipos e lista de exercícios
typescript-callbacks-e-arrays	Callbacks e métodos de manipulação de arrays

3. Angular

Pasta	Conteúdo
angular-primeiro-projeto	Estrutura de um projeto Angular e primeiros componentes
angular-componentes-e-json	Componentes reutilizáveis e leitura de dados em JSON
angular-comunicacao-entre-componentes	Comunicação pai/filho
angular-template-driven-forms	Formulários com abordagem template-driven
angular-reactive-forms-e-signals	Reactive Forms e signals
angular-roteamento-entre-paginas	Rotas e navegação entre páginas
angular-consumo-de-api-http	HttpClient, services e environments
angular-httpclient-posts-e-comentarios	Consumo de API com posts e comentários relacionados
angular-lista-de-vendas	CRUD de vendas com componente de tabela
angular-lista-de-vendas-com-login	Mesma aplicação com tela de login
angular-lista-de-vendas-com-guard	Proteção de rotas com guard de autorização
angular-primeng-configuracao	Instalação e configuração do PrimeNG
angular-primeng-vendas-etapa-1	Lista de vendas com PrimeNG — versão inicial
angular-primeng-vendas-etapa-2	Evolução da lista de vendas
angular-primeng-vendas-etapa-3	Versão final da lista de vendas
angular-interceptor-e-autenticacao	HTTP Interceptor, login e sessão
exercicio-angular-conceitos-iniciais	Exercício avaliativo de conceitos iniciais

4. Spring Boot

Pasta	Conteúdo
spring-boot-primeiro-projeto	Primeiro projeto: controller, model e repositório
spring-boot-crud-cursos	CRUD de cursos
spring-boot-dto-etapa-1	Introdução ao padrão DTO
spring-boot-dto-etapa-2	Evolução do uso de DTO
atividade-spring-boot-produtos	Atividade: API de produtos com enum de status
spring-security-autenticacao	Spring Security, usuários e roles
spring-security-vendas-e-produtos	API protegida com vendas, itens e produtos

---

Como rodar

Projetos Angular — entre na pasta do projeto (peimwng, listaVendas, aula01, etc.):

npm install
ng serve

Aplicação em http://localhost:4200.

Projetos Spring Boot — entre na pasta do projeto (demo, backend, auth-inicial):

./mvnw spring-boot:run

API em http://localhost:8080. As credenciais de banco ficam em src/main/resources/application.properties.

Os projetos que consomem API precisam do back-end no ar. Confira a URL em src/environments/environment.development.ts.

---

Observações

• Cada pasta é um projeto independente e autocontido.
• Artefatos de build (target/, node_modules/, dist/) não são versionados — veja o .gitignore.
• Pastas com sufixo etapa-N são versões sucessivas do mesmo projeto ao longo das aulas, mantidas para acompanhar a evolução.

---

Autor: Gabriel Pontel de Mori — GitHub