Rocketseat
Rocketseat
/

Vue.js

Desenvolva aplicações web reativas e escaláveis com Vue.js, dominando componentes, Pinia, Vue Router e deploy em produção!

Icone da tag FrontendFrontendIcone da tag InicianteIniciante
Vue.jsPiniaVue RouterAxios
Vue.js icon
Visão geralConteúdos

Tem módulo novo chegando!

As aulas dessa trilha estão sendo gravadas pra te trazer o que há de mais atual no mercado. Seu certificado estará disponível assim que a trilha completa estiver totalmente liberada na plataforma.

Nível 1

Teoria

30 Aulas

Primeiros passos

Módulo4 aulas
28min
Novo

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.

Fundamentos do Vue.js

Módulo26 aulas
4h 26min
Novo

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.

Quiz avaliativo - Nível 1

Quiz avaliativoobrigatório
15 Questões
Novo

Quiz avaliativo do primeiro nível do curso

Nível 2

Projeto Prático

RocketTasks

MóduloEm breve

O RocketTasks é um projeto educacional completo em Vue.js que ensina desde os conceitos fundamentais até a construção de uma plataforma moderna de gerenciamento de tarefas. A aplicação inclui sistema de autenticação, CRUD de tarefas com drag and drop para reorganização, alternância entre tema claro e escuro, e design responsivo. Utiliza Pinia para gerenciamento de estado global, Tailwind CSS para estilização, e se conecta a uma API REST em Node.js com persistência em banco de dados. O projeto aborda criação de componentes reutilizáveis, comunicação entre componentes pai-filho via props, e integração com backend, sendo ideal para desenvolvedores iniciantes em Vue.js que desejam construir uma aplicação full-stack funcional do zero.

Quiz avaliativo - Nível 2

Quiz avaliativoEm breve

Quiz avaliativo do segundo nível do curso

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Novos módulos em breve!

Fique de olho nas comunicações para não perder os próximos conteúdos da trilha. Enquanto isso, aproveite para explorar conteúdos extras no catálogo!

Inicie sua jornada na programação

Inicie sua jornada na programação com um curso gratuito.