Plano de Ensino 🧭
Curso: Desenvolvimento Frontend com Vue.js
Público-alvo: Estudantes de ADS, Ciência da Computação e Desenvolvedores de Software
Carga Horária: 20 Aulas (80 Horas Teórico-Práticas)
🎯 1. Objetivos do Curso
- Compreender os fundamentos conceituais e arquiteturais de Desenvolvimento Frontend com Vue.js.
- Aplicar padrões de projeto, sintaxe moderna e boas práticas da indústria.
- Desenvolver soluções completas através de exercícios práticos e desafios de projeto.
📚 2. Cronograma de Aulas (Matriz de 20 Semanas)
| Aula | Tema Central | Atividades e Entregas |
|---|---|---|
| 01 | Introdução ao Frontend Moderno | Teoria, Prática Guiada, Quiz e Exercícios |
| 02 | Estrutura do Projeto Vue 3 ️ | Teoria, Prática Guiada, Quiz e Exercícios |
| 03 | Reatividade e Data Binding | Teoria, Prática Guiada, Quiz e Exercícios |
| 04 | Diretivas e Renderização Condicional | Teoria, Prática Guiada, Quiz e Exercícios |
| 05 | Componentes e Props | Teoria, Prática Guiada, Quiz e Exercícios |
| 06 | Eventos e Comunicação entre Componentes | Teoria, Prática Guiada, Quiz e Exercícios |
| 07 | Ciclo de Vida e Hooks | Teoria, Prática Guiada, Quiz e Exercícios |
| 08 | Projeto Prático I (Task Manager) | Teoria, Prática Guiada, Quiz e Exercícios |
| 09 | Roteamento com Vue Router ️ | Teoria, Prática Guiada, Quiz e Exercícios |
| 10 | Consumo de API REST | Teoria, Prática Guiada, Quiz e Exercícios |
| 11 | Gerenciamento de Estado com Pinia | Teoria, Prática Guiada, Quiz e Exercícios |
| 12 | Projeto Prático II (CRUD Completo) | Teoria, Prática Guiada, Quiz e Exercícios |
| 13 | Boas Práticas e Arquitetura | Teoria, Prática Guiada, Quiz e Exercícios |
| 14 | Estilização Moderna | Teoria, Prática Guiada, Quiz e Exercícios |
| 15 | Build, Deploy e Produção | Teoria, Prática Guiada, Quiz e Exercícios |
| 16 | Projeto Final e Apresentação | Teoria, Prática Guiada, Quiz e Exercícios |
| 17 | Composition API Avançada e Composables Reutilizáveis | Teoria, Prática Guiada, Quiz e Exercícios |
| 18 | Gerenciamento de Estado Global com Pinia | Teoria, Prática Guiada, Quiz e Exercícios |
| 19 | Diretivas Customizadas e Render Functions | Teoria, Prática Guiada, Quiz e Exercícios |
| 20 | Projeto Capstone: Aplicação Vue 3 Autônoma Reativa | Teoria, Prática Guiada, Quiz e Exercícios |
🧠 3. Metodologia de Ensino
- Teoria Fundamentada: Aulas com conceitos detalhados, diagramas arquiteturais e sintaxe de referência.
- Ciclo Teoria ⇄ Prática: Cada aula conta com Quiz Interativo (10 questões) para validação imediata, Lista de Exercícios Sanfonados (com Gabarito Explicado) e Desafio de Projeto Prático.
- Laboratório Contínuo: Ambientes configurados passo a passo na seção de Setups da plataforma.
💼 4. Competências e Perfil Desenvolvido
- Dominar as ferramentas e fluxos de desenvolvimento de Desenvolvimento Frontend com Vue.js.
- Resolver problemas técnicos de alta complexidade com código limpo e performático.
- Construir portfólio prático com 20 projetos aplicados.
📊 5. Critérios de Avaliação
- 20 Listas de Exercícios: Resolução individual dividida em Básico, Intermediário e Desafio.
- 20 Quizzes Interativos: Validação formativa com feedback imediato via JavaScript.
- 20 Desafios de Projetos: Aplicações práticas consolidando o aprendizado de cada unidade.