Vue.js 3 - O Curso Completo para Iniciantes

Aprenda Vue.js 3 rapidamente através de experimentação

Este curso em vídeo foi projetado para programadores JavaScript que desejam aprender como usar a versão 3 do framework Vue.js. Ao contrário de outros frameworks JavaScript, o Vue.js pode ser adotado gradualmente, conforme necessário. Ele também pode coexistir com a lógica JavaScript existente sem interferir nela. Você usará o Vue.js para: - Criar interfaces de usuário reativas - Adicionar recursos a um projeto web existente - Criar aplicativos web SPA - Criar aplicativos móveis Android e iOS - Criar projetos complexos com vários programadores Se o Vue.js é tão popular, certamente é porque é fácil de configurar, oferece excelente desempenho (especialmente a versão 3) e pode ser usado em diferentes graus, dependendo das necessidades. Quando comecei a criar este curso em vídeo, tive duas opções: 1. Criar uma história e integrar gradualmente os diferentes conceitos aprendidos ao longo do curso. 2. Criar exemplos independentes para aprender facilmente e rapidamente os diferentes conceitos do Vue.js. Sou um instrutor e experimentei ambas as abordagens pessoalmente. Embora a primeira abordagem tenha seus seguidores fervorosos, a segunda abordagem oferece melhores resultados em termos de aprendizado, porque cada exemplo pode ser escolhido de forma extremamente precisa, sem precisar seguir uma lógica de integração global que poderia negligenciar certos aspectos do que precisa ser aprendido. Portanto, essa segunda abordagem foi adotada. Dito isso, um projeto maior será proposto no final das duas primeiras partes do curso. Isso permitirá que você coloque em prática muitas das técnicas que você aprendeu. Cada tópico é abordado de forma independente e ilustra um aspecto específico do Vue.js: propriedades computadas, vinculação de dados, diretivas, manipulação de eventos, classes condicionais, props, eventos personalizados, ganchos do ciclo de vida, diretivas personalizadas, Vuex, Pinia, Firebase, NativeScript-Vue, componente Teleport, API de composição, etc. Numerosos exercícios são oferecidos a você na forma de desafios. Quando você for solicitado a pausar o vídeo, acompanhe: pause o vídeo e codifique conforme achar adequado, partindo de um esqueleto padrão ou de uma página vazia. Você verá que, ao fazer isso, seu aprendizado será muito rápido. Quando terminar de codificar, você pode retomar o vídeo e uma correção será fornecida. Este curso é muito abrangente. Aqui estão alguns dos tópicos abordados: - Programação padrão no Vue 3: controle do DOM, definição e compartilhamento de dados, propriedades computadas, vinculação de dados, diretivas, manipulação de eventos, classes condicionais. - Componentes locais e globais, comunicação entre componentes e a aplicação, hierarquia de componentes para criar uma aplicação complexa, slots, filtros, watchers, transições e animações, comunicação assíncrona com serviços web. - Aplicações SPA (roteamento, indicadores de navegação). - Interface de linha de comando Vue-Cli (criação de aplicativos, métodos de renderização, componentes funcionais). - Criação de aplicativos com Vite. - Gerenciador de estado Vuex, Vue.observable(), Pinia, plugins. - Mixins, diretivas personalizadas, aplicativos móveis, componente Teleport, API de composição. Todo o código-fonte e recursos são fornecidos junto com cada vídeo. Um manual ilustrado completo está acessível ao final do curso, que inclui todo o conteúdo. Só posso aconselhá-lo a experimentar o código por si mesmo, codificar e progredir no seu próprio ritmo. Gradualmente, o Vue.js se tornará cada vez mais familiar para você e você apreciará seu poder e flexibilidade. Então... Boa codificação!

O que você aprenderá

- Criar interfaces de usuário reativas - Adicionar recursos a um projeto web existente - Criar aplicativos web SPA - Criar aplicativos móveis (Android e iOS) - Adquirir todos os fundamentos necessários para programar bem no Vue.js 3 - Aprender como hierarquizar uma aplicação usando componentes - Usar a interface de linha de comando Vue-Cli (criação de aplicativos, métodos de renderização, JSX, componentes funcionais) - Facilitar a comunicação entre componentes com o gerenciador de estado Vuex ou com observables - Usar a API de composição para facilitar a comunicação entre componentes em aplicações de grande escala - Criar plugins para o Vue.js - Usar mixins e diretivas personalizadas - Mover modelos de componentes com teleport