Vue.js

Neste módulo você será introduzido ao universo do Vue e entenderá como preparar corretamente seu ambiente de desenvolvimento. Vamos criar o primeiro projeto teste, explorar os arquivos principais e compreender a estrutura base de uma aplicação Vue. É aqui que você dá os passos iniciais para dominar o framework e começar a construir interfaces modernas.

Continuando o aprendizado, você aprenderá a criar componentes reutilizáveis e fazer a comunicação entre eles usando props e emit. Vamos explorar conceitos essenciais como computed, propriedades derivadas, watchers com deep e immediate, além do uso de v-model, v-for, v-if, v-else, v-once e v-memo. Também veremos eventos, ciclos de vida como mounted e boas práticas para organizar seus componentes. Ao final, você terá domínio das bases reativas e estruturais do Vue.

Nesse nível, vamos criar um projeto prático com Vue chamado Vue Tasks. O objetivo é, a partir de um usuário autenticado, gerenciar as suas tarefas. Vamos implementar Vue Router e RouterView para controle de rotas, além de utilizar Composables para compartilhar lógica entre componentes de forma mais limpa e reutilizável. Também iremos trabalhar com persistência de dados utilizando um utilitário de storage, criar um AuthService e um AuthStore para gerenciamento de autenticação e estado do usuário, além de utilizar emits para comunicação entre componentes. Para finalizar, vamos implementar funcionalidades interativas como drag and drop, utilizar Tailwind CSS para estilização da interface e integrar o Pinia como solução de gerenciamento de estado global da aplicação.