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: Fundamentos do Vue 3, Vite, Reatividade e Diretivas (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: Arquitetura de Componentes, Script Setup e Composables (Caps 05 a 08)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
05 📖 Comunicação com <script setup>: defineProps, defineEmits, defineModel 🧩 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, Formulários, Estilização e UI Avançada (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 (<Transition>) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
12 📖 Teleport e Suspense para Componentes Assíncronos 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 4: Estado Global com Pinia, Consumo de APIs e Testes (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: Nuxt 3, SSR/SSG, Otimização e Projeto Corporativo (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 a Especialização Frontend com Svelte 5 & SvelteKit.

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