Aprenda como funcionam os eventos e métodos no VueJS. Com exemplos simples e intuitivos, entenda como a reatividade do framework funciona e como criar funções (métodos, no VueJS).

Aprenda sobre as diretivas v-html e v-text. Diretivas são basicamente extensões da linguagem HTML que permitem a implementação de comportamentos.

Aprenda sobre as diretivas v-once e v-pre. Diretivas são basicamente extensões da linguagem HTML que permitem a implementação de comportamentos.

A diretiva v-bind é a ligação unidirecional. É como se fosse uma espécie de "cola" que liga os nossos dados (no nosso objeto "data" de nossa instância Vue) ao um objeto HTML em nosso DOM (Document Object Model). Isto significa que é possível alterar o valor de entrada alterando os dados vinculados, porém, não é possível alterar os dados vinculados alterando o valor de entrada. Veja na prática durante a aula.

A diretiva v-model é para ligações bidirecionais: se você alterar o valor de entrada, os dados associados serão alterados e vice-versa. Enquanto v-bind, que vimos na aula passada, é um modelo de ligação unilateral.

Aprenda como criar filtros no VueJS. Os filtros são muito úteis para tratar dados enviados pelo usuário como CPFs, entre outros.

As computed propreties são funções, como os métodos. A diferença é que o Computed é um sistema muito inteligente, que só executa a função quando solicitado, depois faz um cache do valor. Desta forma, só atualizará caso os dados originais sofram alguma modificação.

Vamos aprender como renderizar listas no Vue e também como criar Loops com a diretiva v-for. Também veremos como utilizar expressões condicionais inline e em métodos.

Vue oferece uma forma mais genérica para observar e reagir a mudanças de dados em uma instância: observadores (em inglês, watchers). Quando se tem alguns dados que necessitam mudar com base na alteração de outros dados, é tentador usar excessivamente o watch. Veremos nesta aula como funcionam.

Uma aplicação Vue consiste em uma instância Vue raiz criada com new Vue, opcionalmente organizada em uma árvore de componentes reutilizáveis aninhados. Em seu clico de vida, desde seu "nascimento" até sua "destruição", você poderá executar funções, como apresentado nesta aula.

Componentes são instâncias reutilizáveis do Vue com um nome. Como componentes são instância Vue reutilizáveis, eles aceitam as mesmas opções que new Vue, como data, computed, watch, methods e gatilhos de ciclo de vida (que já vimos anteriormente). As únicas exceções são as poucas opções específicas de raiz, como "el".

Aprenda como funcionam as animações em VueJS e como criar uma experiência melhor e mais atrativa para o usuário em suas aplicações.

Nesta aula instalaremos o NodeJS e o Vue-CLI, necessários para criarmos projetos com a linha de comando.

Projeto protótipo de site de cursos online construído com o Vue e recebendo dados de um arquivo JSON. Nossa aplicação minimalista consumirá esses dados. Utilizaremos boa parte dos conceitos aprendidos neste curso neste projeto.