Crie um incrível aplicativo de tarefas com Vuetify 2, Vue JS 2 e Vuex - em apenas 5 horas!
Observação: Este é um curso exclusivo para Vuetify 2 (com Vue JS 2). Vuetify 3 (com Vue JS 3) não é abordado neste curso.
Neste curso abrangente, você dominará a arte de criar um aplicativo de tarefas visualmente atraente usando Vuetify 2, Vue JS 2 e Vuex. Vuetify é um framework de interface do usuário Vue altamente procurado que oferece uma ampla gama de componentes de Material Design, permitindo que você construa sites e aplicativos impressionantes sem esforço.
Ao longo deste curso, você aprenderá como construir um aplicativo responsivo e cativante do zero, garantindo que ele fique impecável tanto em desktops quanto em dispositivos móveis. Você explorará inúmeros componentes do Vuetify, incluindo listas, campos de texto, menus, diálogos, seletores de data, snackbars e muito mais.
Além disso, você aproveitará o poder do Vuex para centralizar os dados e a lógica principal do seu aplicativo. Ao configurar State, Mutations, Actions e Getters, você simplificará seu processo de desenvolvimento e aumentará a eficiência geral do seu aplicativo.
Para simplificar o gerenciamento do projeto, você dividirá seu aplicativo em componentes filhos. Essa abordagem permitirá lidar com a complexidade do seu projeto com facilidade.
No nosso aplicativo do curso, Vuetify Todo, você poderá exibir uma lista de tarefas, adicionar novas tarefas e marcar tarefas como concluídas simplesmente tocando nelas. Cada tarefa terá um menu, oferecendo opções para editar o nome da tarefa, adicionar uma data de vencimento, excluir uma tarefa e até mesmo reordenar tarefas usando a funcionalidade de arrastar e soltar. Além disso, você poderá filtrar tarefas usando um campo de pesquisa expansível.
Ao utilizar o Vue Router, você configurará páginas e rotas que podem ser facilmente navegadas por meio de links no Navigation Drawer. Além disso, você armazenará todos os dados do aplicativo no navegador do usuário usando IndexedDB e Localbase. Isso garante que, mesmo se o usuário fechar ou atualizar o navegador, seus dados permanecerão intactos.
Ao longo do curso, você terá a oportunidade de testar, depurar e corrigir seu aplicativo em dispositivos iOS e Android reais. Essa experiência prática fornecerá informações valiosas sobre o processo de desenvolvimento de aplicativos.
Ao concluir, você implantará seu aplicativo finalizado no Netlify, mostrando suas habilidades e conhecimentos recém-adquiridos.
O que você aprenderá:
- Como criar um aplicativo visualmente impressionante com Vuetify, Vue JS e Vuex
- Como centralizar dados principais e lógica usando uma Store Vuex com State, Mutations, Actions e Getters
- Como dividir seu aplicativo em componentes filhos para melhor gerenciamento de projetos
- Como utilizar vários componentes do Vuetify, incluindo listas, campos de texto, diálogos, seletores de data, snackbars e menus
- Como implementar o Vue Router e Navigation Guards
- Como garantir a persistência de dados no navegador do usuário usando IndexedDB e Localbase
- Como testar, depurar e otimizar efetivamente seu aplicativo em dispositivos iOS e Android reais
