Reactive Web • Composition API, Script Setup, Pinia, Vue Router 4, Nuxt 3 e Vitest

🏛️ Estrutura Curricular Canônica (20 Capítulos • 5 Blocos)

🧱 Bloco 1: Ecossistema Vue 3, Vite, SFCs (.vue) e Composition API e Tópicos Avançados (Caps 01 a 04)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
01 📖 Ecossistema Vue 3, Vite, SFCs (.vue) e Composition API 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
02 📖 Reatividade Básica: ref(), reactive(), toRefs() e Desestruturação 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
03 📖 Sintaxe de Template, Diretivas (v-bind, v-on, v-model, v-if, v-for) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
04 📖 Propriedades Computadas (computed) e Observadores (watch, watchEffect) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 2: Comunicação com

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
05 [📖 Comunicação com 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
06 📖 Ciclo de Vida na Composition API (onMounted, onUnmounted) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
07 📖 Slots Padrão, Nomeados e Scoped Slots para UI Flexível 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
08 📖 Criação de Composables Reutilizáveis (Custom Vue Hooks) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 3: Roteamento SPA com Vue Router 4 (routes, router-view, guards) e Tópicos Avançados (Caps 09 a 12)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
09 📖 Roteamento SPA com Vue Router 4 (routes, router-view, guards) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
10 📖 Formulários Avançados e Validação com Vee-Validate e Zod 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
11 [📖 Scoped CSS, Tailwind CSS e Transições Nativas ()](topicos/11_estilizacao_tailwind_e_transitions.html) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
12 📖 Teleport e Suspense para Componentes Assíncronos 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 4: Gerenciamento de Estado Global Oficial com Pinia (defineStore) e Tópicos Avançados (Caps 13 a 16)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
13 📖 Gerenciamento de Estado Global Oficial com Pinia (defineStore) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
14 📖 Plugins do Pinia, Persistência de Estado e Setup Stores 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
15 📖 Consumo de APIs REST com Axios / ofetch e Interceptors 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
16 📖 Testes Automatizados com Vitest e Vue Test Utils 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 5: Framework Nuxt 3 (Universal Rendering e File-based Routing) e Tópicos Avançados (Caps 17 a 20)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
17 📖 Framework Nuxt 3 (Universal Rendering e File-based Routing) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
18 📖 Server Routes, Server-Side Rendering (SSR) e SSG no Nuxt 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
19 📖 Otimização de Performance, SEO, Meta Tags e PWA 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
20 📖 Projeto Corporativo: Dashboard Vue 3/Nuxt com Auditoria JSON 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🚀 Próxima Etapa da Formação: Concluído este módulo, prossiga na sua jornada de formação avançando para o Especialização Frontend com Angular.

🏠 Voltar ao Início do Portal 📚 Ver Índice Geral Próximo Módulo ➡️