Para o nosso Task Manager, quais componentes você acredita serem necessários para manter o projeto organizado? Liste pelo menos 3 e descreva a responsabilidade de cada um.
2. Definição de Dados (State)
Que tipo de informações cada "Tarefa" (Task) deve conter no nosso array de tarefas? Defina um objeto exemplo com as propriedades necessárias (ex: título, status, id).
3. Fluxo de Criação
Descreva o passo a passo lógico (do input do usuário até a atualização da tela) para a funcionalidade de "Adicionar Nova Tarefa". Quais diretivas e eventos serão utilizados?
4. Persistência Local (LocalStorage)
Pesquise como salvar e ler dados do LocalStorage do navegador. Escreva um exemplo de código que salva o array de tarefas e outro que o recupera ao carregar a página.
5. Desafio: Maquete do App
Crie a estrutura visual básica do App em um único arquivo App.vue (sem separar componentes ainda). - Deve ter um título centralizado. - Um input com botão ao lado. - Uma área para listar as tarefas. - Use CSS (pode ser CSS puro ou classes utilitárias) para deixar o layout limpo e agradável. - Implemente apenas a funcionalidade de listar tarefas estáticas por enquanto.
📚 Gabarito e Soluções Comentadas
Gabarito Explicado ### Questão 1: Planejamento de Componentes **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Prático I (Task Manager)**, o conceito abordado (Planejamento de Componentes) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Definição de Dados (State) **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Prático I (Task Manager)**, o conceito abordado (Definição de Dados (State)) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Fluxo de Criação **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Prático I (Task Manager)**, o conceito abordado (Fluxo de Criação) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Persistência Local (LocalStorage) **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Prático I (Task Manager)**, o conceito abordado (Persistência Local (LocalStorage)) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Desafio **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Prático I (Task Manager)**, o conceito abordado (Desafio) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.