Frameworks Modernos: front-end e back-end
Vue 3, Vuetify, Vue Router, Pinia e Axios no front; Express 5, MySQL, Supabase, Firebase Auth e Swagger no back — com os padrões de projeto que vivem dentro de cada ferramenta.
Nasceu de uma disciplina de graduação em frameworks e integração — publicado aberto, para qualquer pessoa que queira estudar.
Começar pela aula 01 → Apostila em arquivo único Desafios desta trilha
Aulas
Fundamentos de front-end com Vue.js
Vue.js avançado: Vuetify, Axios, Router e Pinia
Integração front-end/back-end
Projeto fio-condutor: UniEventos
Plataforma de divulgação e inscrição em eventos acadêmicos: SPA em Vue 3 + Vuetify + Pinia consumindo uma API Express com MySQL/Supabase e autenticação Firebase. Cada estudante desenvolve um projeto autoral com a mesma arquitetura e domínio diferente.
Ementa: Desenvolvimento com uso de frameworks; padrões: criacionais, estruturais e comportamentais; aplicação conjunta das abordagens de frameworks e componentes no desenvolvimento de software.
Marcos do projeto
Cada unidade fecha com um marco: um estado do seu projeto que prova que você domina o que a unidade ensinou. A aula que fecha a unidade traz os requisitos e o checklist de qualidade. Se você estuda por conta própria, use os marcos como metas; se cursa a disciplina, eles são a base do que o professor pede.
| Marco | O que o projeto deve ter |
|---|---|
| Marco 1 | Vue 3 com CLI: estrutura, componentes, diretivas, Vuetify e Vue Router básico. |
| Marco 2 | Vue avançado: Vuetify + Axios + Vue Router + Pinia. |
| Marco 3 | Back-end com Express, banco de dados (MySQL/Supabase), autenticação Firebase, documentação e deploy. |
Stack e ferramentas
| Camada | Tecnologia |
|---|---|
| Runtime | Node.js 22 LTS |
| Front-end | Vue 3.5 · Vite 8 · Vuetify 4 · Vue Router 5 · Pinia 4 · Axios 1.19 |
| Back-end | Express 5.2 · mysql2 · swagger-jsdoc/swagger-ui-express |
| Nuvem | Firebase Auth 12 (modular) · Supabase (Postgres) · MySQL 8 |
Bibliografia da disciplina
- QUEIRÓS, Ricardo; PORTELA, Filipe. 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: Principles, Patterns & Constraints. Prentice Hall, 2017.
- PUREWAL, Semmy. Aprendendo a Desenvolver Aplicações Web. Novatec, 2014.
Como usar este material
- Cada aula tem objetivos, teoria com código completo, Mão na massa (guiado), Laboratório em três níveis (A fixação · B aplicação · C desafio), Desafios extras com estrelas, tabela de erros comuns e a atividade assíncrona da semana.
- Marque Concluí esta aula ao fim de cada página e Feito em cada desafio: o progresso fica salvo neste navegador.
- Todos os blocos de código têm botão Copiar — mas digite você mesmo: copiar e colar não fixa nada.
- Atalhos: j próxima aula · k anterior · / busca. Ctrl+P imprime a aula limpa.
Conteúdo sob CC BY 4.0; o gerador do site, sob licença MIT. Reuso livre com atribuição.
Início · Autoria e créditos · Banco de Desafios · Links úteis · Fontes no GitHub