Conteúdo

O modo como desenvolvemos código front-end mudou muito ao longo dos últimos anos. Mais do que dar as ferramentas necessárias para desenvolver, os frameworks de componentes reativos para interfaces web modernas vieram nos ajudar com padrões e reaproveitamento de código. Vue.js, ou simplesmente Vue, é uma biblioteca moderna de desenvolvimento front-end, uma lib JavaScript para componentes reativos para web. Ele ganhou muita visibilidade no mercado após ser adotado como padrão pelo Laravel, tendo a possibilidade de ser utilizado em qualquer projeto que possua front-end, independente da linguagem de programação escolhida.

Neste livro, você vai aprender a sintaxe do Vue.js 2.0, como funcionam seus componentes e métodos, como integrar com APIs externas e criar rotas, e muito mais! Caio Incau guia o leitor desde a instalação, passando por algumas bibliotecas úteis, até o desenvolvimento de um projeto de exemplo. A ideia é que, após ler este livro, você consiga desenvolver sua primeira aplicação em Vue.js, com um alto padrão de código, saindo com teoria e prática para poder começar a aplicar em seus próprios projetos.

Saiba o que você vai aprender

Sumário

• 1 Sobre o Vue.js
• 1.1 O que é o Vue.js?
• 1.2 Onde posso aplicar o Vue.js?
• 1.3 O que este livro vai abordar?
• 1.4 O que são os componentes reativos?
• 1.5 Qual o diferencial do Vue.js?
• 1.6 A história do Vue.js
• 1.7 Revisão

• 2 Seu primeiro componente com Vue.js
• 2.1 Instalando o Vue.js
• 2.2 Escrevendo seu primeiro componente
• 2.3 Revisão

• 3 Construindo nossa aplicação
• 3.1 Entendendo o projeto
• 3.2 Iniciando o projeto
• 3.3 Ações para nossos componentes
• 3.4 Revisão

• 4 Comunicação entre componentes
• 4.1 Comunicação por propriedades
• 4.2 A diretiva V-FOR
• 4.3 Passando as tarefas
• 4.4 Comunicação através de eventos customizados
• 4.5 Propriedades computadas
• 4.6 Revisão

• 5 Renderização condicional
• 5.1 V-IF
• 5.2 V-SHOW
• 5.3 Tarefas completas
• 5.4 Aplicando o V-IF em nossa lista.
• 5.5 Classes de estilo dinâmicas
• 5.6 Grupos condicionais
• 5.7 Revisão

• 6 Testes unitários
• 6.1 A importância dos testes
• 6.2 Configurando o ambiente
• 6.3 Entendendo a instância do Vue
• 6.4 Criando seu primeiro teste
• 6.5 Revisão

• 7 Testes avançados e refatoração
• 7.1 Mais testes para nosso Input
• 7.2 Escrevendo bons testes
• 7.3 Revisão

• 8 Rotas
• 8.1 vue-router, rotas com Vue.js
• 8.2 Transições
• 8.3 Voltando para as rotas
• 8.4 Revisão

• 9 Requisições assíncronas
• 9.1 Aprendendo a debuggar com Vue.js Devtools
• 9.2 Mostrando o endereço
• 9.3 Revisão

• 10 Diretivas customizadas
• 10.1 Adicionando máscara
• 10.2 Construindo sua primeira diretiva
• 10.3 Plugins
• 10.4 Revisão

• 11 Distribuindo conteúdo com Slots
• 11.1 Usando Slots
• 11.2 Named Slots
• 11.3 Scoped Slots
• 11.4 Revisão

• 12 Vuex
• 12.1 O que é Vuex?
• 12.2 Quando usar Vuex?
• 12.3 Como funciona o Vuex
• 12.4 Principais conceitos do Vuex
• 12.5 Adicionando Vuex ao nosso projeto
• 12.6 Debug com Vue Developer Tools
• 12.7 Revisão

• 13 Conclusão
• 13.1 Para saber mais