Dê seus primeiros passos com o Vue.js

  • Roteiro de aprendizagem
  • 4 Módulos
Intermediário
Desenvolvedor
Estudante
Aplicativos Web Estáticos do Azure

O Vue.js é uma estrutura progressiva da Web que permite que os desenvolvedores comecem a trabalhar rapidamente, com a adição de uma marca script. No entanto, o Vue.js também pode crescer com você e pode ser usado para criar aplicativos escalonáveis grandes.

Neste roteiro de aprendizagem, você vai:

  • Explorar os principais conceitos do Vue.js.
  • Praticar exibindo listas e dados condicionais.
  • Trabalhar com formulários e eventos.
  • Criar componentes usando a CLI do Vue.

Pré-requisitos

HTML/CSS, Git, npm e JavaScript

Módulos neste roteiro de aprendizagem

Introdução ao Vue

O Vue.js é uma estrutura progressiva da Web que permite aos desenvolvedores começar a trabalhar rapidamente, com a simples adição de uma marca de script. Mas o Vue.js também pode crescer com você. Você pode usá-lo para criar aplicativos escalonáveis grandes. Neste módulo, você vai explorar os principais conceitos do Vue.js e como começar a usá-lo.

Exibições de página dinâmicas com o Vue.js

Uma das metas de qualquer estrutura da Web é atualizar a exibição com base em valores de dados. Este módulo explora como tornar sua página dinâmica com base nesses valores e como exibir listas de informações.

Trabalhar com eventos e dados no Vue.js

Normalmente, aplicativos Web dinâmicos permitem que os usuários interajam com a página e os dados. Neste módulo, você verá como adicionar formulários a uma página do Vue.js e responder a eventos do usuário. Você também verá como adicionar valores computados que podem ser calculados com base em atualizações dos dados.

Introdução à CLI do Vue e a componentes de arquivo único no Vue.js.

Embora seja possível criar aplicativos Vue.js usando apenas JavaScript, a maioria dos desenvolvedores precisa de mais potência e flexibilidade. Usando a CLI do Vue e componentes de arquivo único, você pode usar ferramentas mais robustas para aprimorar a experiência de desenvolvimento. Veremos como usar a CLI do Vue para inicializar um aplicativo e como criar componentes reutilizáveis no Vue.