FACET-SNP-310 — Frameworks Modernos para Desenvolvimento de Sistemas

Carga horária: 60h (45h presenciais + 15h a distância)
Professor: Dr. Ivan Luiz Pedroso Pires
Período: 2025.2
Pré-requisitos: FACET-SNP-307 ou SNP56D33

📚 Ementa

Desenvolvimento com uso de frameworks; padrões de projeto criacionais, estruturais e comportamentais; aplicação conjunta das abordagens de frameworks e componentes no desenvolvimento de software.

---

🎯 Objetivos

• Compreender e aplicar conceitos modernos de desenvolvimento web utilizando frameworks front-end e back-end.
• Desenvolver aplicações web responsivas e integradas com serviços externos.
• Trabalhar com autenticação, gerenciamento de estado e consumo de APIs.
• Publicar e disponibilizar projetos completos na web.

---

🗂 Estrutura da Disciplina

A disciplina será dividida em três unidades, com progressão prática:

Unidade 1 — Fundamentos de Front-End com Vue.js

• Estrutura do framework, ciclo de vida, componentes
• Integração inicial com HTML, CSS e JavaScript
• Introdução ao Vuetify e Vue Router

Unidade 2 — Vue.js Avançado

• Watchers, propriedades computadas e Composition API
• Axios para consumo de APIs
• Pinia para gerenciamento de estado

Unidade 3 — Integração Front-End e Back-End

• Introdução ao Firebase, Supabase e Express.js
• Criação de endpoints, middlewares e CRUD
• Integração com MySQL
• Autenticação, sessão e cookies
• Deploy e publicação em nuvem

---

📅 Cronograma Resumido

Data	Conteúdo	Observações
14/08/2025	Apresentação da disciplina e revisão de JavaScript
21/08/2025	Introdução ao Vue.js (ciclo de vida, diretivas)
28/08/2025	Componentes no Vue.js
04/09/2025	Vuetify e Vue Router	Entrega Avaliação 1
11/09/2025	Watch, Computed, Composition API
18/09/2025	Axios e Pinia
25/09/2025	Firebase, Node.js e Express
02/10/2025	Endpoints e Middlewares	Entrega Avaliação 2
09/10/2025	Integração com MySQL
16/10/2025	Autenticação, Sessão e Cookies
23/10/2025	CRUD integrado front/back
30/10/2025	CRUD completo
06/11/2025	Desenvolvimento de Backend
13/11/2025	Deploy e publicação	Entrega Avaliação 3
27/11/2025	Apresentação final

---

📝 Avaliação

A média final será calculada pela média aritmética das três avaliações práticas:

1. Avaliação 1 — Implementação introdutória em Vue.js
2. Avaliação 2 — Aplicação avançada com Vuetify, Axios, Vue Router e Pinia
3. Avaliação 3 — Integração front-end/back-end com autenticação e banco de dados

O exame final será teórico, abrangendo todo o conteúdo.

---

📂 Estrutura do Repositório

Cada dia de aula terá sua própria pasta (Aula1/, Aula2/, ...) contendo:

• Exemplos desenvolvidos em sala de aula
• Exercícios propostos e resolvidos

/
├── Aula1/        # Material e exercícios da Aula 1
├── Aula2/        # Material e exercícios da Aula 2
├── Aula3/        # ...
└── README.md     # Este documento

---

📖 Referências Básicas

• Queirós, Ricardo; Portela, Felipe. Introdução ao Desenvolvimento Moderno para a Web. FCA, 2018.
• Alves, William P. Projetos de Sistemas Web. Érica, 2015.
• Loudon, Kyle. Desenvolvimento de Grandes Aplicações Web. Novatec, 2019.
• Erl, Thomas et al. SOA with REST. Prentice Hall, 2017.
• Purewal, Semmy. Aprendendo a Desenvolver Aplicações Web. Novatec, 2014.

---

📬 Contato

Professor: Dr. Ivan Luiz Pedroso Pires
E-mail: ivanpires@unemat.br