Pular para conteúdo

Plano de Ensino 📅

Curso: Desenvolvimento Frontend com Vue.js 3

Ementa

  1. Módulo 1: Fundamentos do Frontend Moderno: Evolução do frontend, SPA vs MPA, Setup com Vite, Reatividade (Composition API) e Diretivas.
  2. Módulo 2: Componentização e Arquitetura: Single File Components (SFC), Props, Emits, Ciclo de Vida (Hooks) e Organização Profissional.
  3. Módulo 3: Roteamento, Estado e Integração: Vue Router, Consumo de API REST (Axios), Gerenciamento de Estado Global (Pinia) e CRUD completo.
  4. Módulo 4: Profissionalização e Boas Práticas: Scoped CSS, Clean Code no Vue, Build para Produção e Deploy Contínuo.

Cronograma (16 Aulas)

Módulo 1: Fundamentos do Frontend Moderno

  • Aula 01: Introdução ao Frontend Moderno e Vue.js
  • Aula 02: Estrutura do Projeto Vue 3 com Vite
  • Aula 03: Reatividade e Data Binding (v-bind, v-model)
  • Aula 04: Diretivas e Renderização Condicional (v-if, v-for)

Módulo 2: Componentização e Arquitetura

  • Aula 05: Componentes: Criação, Registro e Props
  • Aula 06: Comunicação entre Componentes (Emit e Eventos)
  • Aula 07: Ciclo de Vida e Lifecycle Hooks
  • Aula 08: Projeto Prático I: Task Manager (SPA)

Módulo 3: Roteamento, Estado e Integração

  • Aula 09: Roteamento SPA com Vue Router
  • Aula 10: Consumo de API REST com Axios (HTTP)
  • Aula 11: Gerenciamento de Estado Global com Pinia
  • Aula 12: Projeto Prático II: Integração API + Frontend (CRUD)

Módulo 4: Profissionalização e Boas Práticas

  • Aula 13: Boas Práticas, Clean Code e Arquitetura Vue
  • Aula 14: Estilização Moderna e Responsividade
  • Aula 15: Build, Variáveis de Ambiente e Deploy (CI/CD)
  • Aula 16: Projeto Final: Kanban System e Apresentação

Avaliação

  • Exercícios: 16 listas de exercícios teóricos e práticos (1 por aula).
  • Projetos: 16 mini-projetos de aplicação imediata.
  • Quizzes: 16 testes de conhecimento (10 questões cada).
  • Projeto Integrador: Desenvolvimento de um Sistema Kanban completo com autenticação simulada e consumo de API.