Vue.js 2: O Curso Completo para Iniciantes

Aprenda Vue.js através de prática hands-on criando componentes e aplicações conectadas

Avaliação: 4.5 de 5140 avaliações Total de horas: 9.5 Número de palestras: 92 Nível: Iniciante Aprenda Vue.js através de prática hands-on criando componentes e aplicações conectadas. Este curso em vídeo é projetado para programadores JavaScript que desejam aprender como usar a versão 2 do 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 do zero (começando de uma página em branco). - Adicionar recursos a um projeto web existente. - Criar aplicações web de página única (SPAs). - Criar aplicações móveis (Android e iOS). Hoje, o Vue.js é um framework muito popular. Isso certamente se deve ao fato de ser fácil de configurar, oferecer excelente desempenho e poder ser usado em diferentes graus, dependendo das necessidades. Quando comecei a criar este curso em vídeo, tive duas opções: - Criar um fluxo contínuo e integrar gradualmente os diferentes conceitos aprendidos ao longo do curso. - Criar exemplos independentes para aprender facilmente e rapidamente os diferentes conceitos do Vue.js. Sou um instrutor e experimentei ambas as abordagens. Embora a primeira abordagem tenha seus seguidores fervorosos, a segunda abordagem oferece melhores resultados de aprendizado, pois 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. Cada tópico é abordado de forma independente e ilustra um aspecto específico do Vue.js: propriedades computadas, data binding, diretivas, manipulação de eventos, classes condicionais, props, eventos personalizados, hooks do ciclo de vida, etc. Muitos exercícios são fornecidos. Quando você for solicitado a pausar o vídeo, acompanhe: pause o vídeo e codifique conforme achar adequado, começando de um esqueleto padrão ou de uma página em branco. Você verá que, ao fazer isso, seu aprendizado será muito rápido. Quando terminar de codificar, você pode retomar o vídeo: uma correção será fornecida. Este curso é muito abrangente. Aqui estão alguns dos tópicos abordados: - Programação padrão da view e ViewModel (métodos, computed, data binding, two-way binding, diretivas (v-model, v-bind, v-html, v-for, v-cloak, v-once, v-if e muitas outras). - Componentes locais e globais, comunicação entre componentes e o ViewModel, hierarquia de aplicativos usando componentes, slots, filtros, watchers, transições e animações. - Aplicações de página única (roteamento, guardas de navegação). - Interface de linha de comando Vue-Cli (criação de aplicativos, métodos de renderização, JSX, componentes funcionais). - Gerenciador de estado Vuex, Vue.observable(), plugins. - Mixins, diretivas personalizadas, NuxtJS, aplicações móveis. - Todos os códigos-fonte do curso estão disponíveis. 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 aplicações web de página única - Criar aplicações móveis (Android e iOS) - Adquirir todos os conceitos básicos necessários para programar em Vue.js 2 (métodos, computed, data binding, two-way binding, diretivas, etc.) - Aprender como hierarquizar um aplicativo 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 - Criar plugins para o Vue JS - Usar mixins, diretivas personalizadas e NuxtJS