Vue.js na prática (PT-BR)
Vue.js na prática (PT-BR)
Sobre o Livro
Esta obra traz o leitor a apresentação do framework Vue.js, usado para a criação de interfaces web. Sua simplicidade na criação de componentes e no gerenciamento de data binding tornam o desenvolvmento de sistemas web uma tarefa simples e poderosa, contribuindo inclusive com a criação de aplicações em larga escala.
O Vue.js destaca-se pela sua simplicidade no cumprimento dos requisitos que qualquer framework mais complexo possa ter.
Sumário
-
Parte 1 - Conhecendo o Vue
-
1. Introdução
- 1.1 Tecnologias empregadas
- 1.2 Instalação do node
- 1.3 Uso do npm
- 1.4 Conhecendo um pouco o RESTfull
-
2. Conhecendo Vue.js
- 2.1 Uso do jsFiddle
- 2.2 Configurando o jsFiddle para o Vue
- 2.3 Hello World, vue
- 2.4 Two way databind
- 2.5 Criando uma lista
-
2.6 Detectando alterações no Array
- Utilizando v-bind:key
- Uso do set
- Como remover um item
- Loops em objetos
-
2.7 Eventos e métodos
- Modificando a propagação do evento
- Modificadores de teclas
- 2.8 Design reativo
- 2.9 Criando uma lista de tarefas
- 2.10 Eventos do ciclo de vida do Vue
-
2.11 Compreendendo melhor o Data Bind
- Databind único
- Databind com html
- Databind em Atributos
- Expressões
- 2.12 Filtros
-
2.13 Diretivas
- Argumentos
- Modificadores
- 2.14 Atalhos de diretiva (Shorthands)
- 2.15 Alternando estilos
- 2.16 Uso da condicional v-if
- 2.17 Exibindo ou ocultando um bloco de código
- 2.18 v-if vs v-show
-
2.19 Formulários
- Checkbox
- Radio
- Select
- Atributos para input
- 2.20 Conclusão
-
3. Criando componentes
- 3.1 Vue-cli
- 3.2 Criando o primeiro projeto com vue-cli
- 3.3 Executando o projeto
- 3.4 Conhecendo a estrutura do projeto
- 3.5 Conhecendo o packages.json
- 3.6 Componentes e arquivos .vue
- 3.7 Criando um novo componente
-
3.8 Adicionando propriedades
- camelCase vs. kebab-case
- Validações e valor padrão
- 3.9 Slots e composição de componentes
-
3.10 Eventos e comunicação entre componentes
- Repassando parâmetros
- 3.11 Reorganizando o projeto
- 3.12 Adicionando algum estilo
- 3.13 Alterando o cabeçalho
- 3.14 Alterando o rodapé
- 3.15 Conteúdo da aplicação
-
4. Vue Router
- 4.1 Instalação
- 4.2 Configuração
- 4.3 Configurando o router
- 4.4 Configurando o router-view
- 4.5 Criando novos componentes
- 4.6 Criando um menu
-
5. Vue Resource
- 5.1 Testando o acesso Ajax
- 5.2 Métodos e opções de envio
- 5.3 Trabalhando com resources
-
1. Introdução
-
Parte 2 - Conceitos avançados
-
6. Vuex e Flux
- 6.1 O que é Flux?
- 6.2 Conhecendo os problemas
- 6.3 Quando usar?
- 6.4 Conceitos inicias
-
6.5 Exemplo simples
- Criando o projeto
- Criando componentes
- Incluindo Vuex
- Criando uma variável no state
- Criando mutations
- Criando actions
- Criando getters
- Alterando o componente Display para exibir o valor do contador
- Alterando o componenet Increment
- Testando a aplicação
- 6.6 Revendo o fluxo
- 6.7 Chrome vue-devtools
- 6.8 Repassando dados pelo vuex
- 6.9 Tratando erros
- 6.10 Gerenciando métodos assíncronos
- 6.11 Informando ao usuário sobre o estado da aplicação
- 6.12 Usando o vuex para controlar a mensagem de resposta ao usuário
- 6.13 Vuex modular
-
7. Mixins
- 7.1 Criando mixins
- 7.2 Conflito
-
8. Plugins
- 8.1 Criando um plugin
-
6. Vuex e Flux
-
Parte 3 - Exemplo Prático
-
9. Criando uma app Vue 2.0 + Firebase
- 9.1 O que é Firebase?
- 9.2 Instalação do vue-cli
- 9.3 Criando o projeto blog
- 9.4 Adicionando bibliotecas complementares
- 9.5 Adicionando o CSS
- 9.6 Ajustando o Vue Router
- 9.7 Alterando o componente principal da aplicação
- 9.8 Instalando o font-awesome
- 9.9 Configuração do Firebase
- 9.10 Testando o firebase
-
9.11 Autenticação
- Configurando o Github
- 9.12 Realizando o Login
- 9.13 Obtendo detalhes do usuário logado
- 9.14 Logout
- 9.15 Gerenciando o estado da aplicação após o Login
- 9.16 Botão de login da aplicação
- 9.17 Manter o Login mesmo com o refresh da página
- 9.18 Reformulando as regras de escrita no banco de dados do Firebase
- 9.19 Criando um Post
- 9.20 Exibindo Posts
-
10. Exibindo o usuário do Post
- 10.1 Um esclarecimento sobre escopo e arrow functions
- 10.2 Visualizando o Post
-
9. Criando uma app Vue 2.0 + Firebase
A garantia Leanpub incondicional, sem riscos, de 100% de satisfação
Durante 60 dias da data de compra você pode solicitar o reembolso total de qualquer compra Leanpub, em dois cliques. Nós processamos os reembolsos manualmente, então eles podem demorar alguns dias para aparecer. Veja os termos completos.
Ganhe $8 em uma compra de $10 e $16 em uma compra de $20
Pagamos 80% de royalties em compras de $7,99 ou mais e 80% de royalties menos uma taxa fixa de 50 centavos em compras entre $0,99 e $7,98. Você ganha $8 em uma venda de $10 e $16 em uma venda de $20. Portanto, se vendermos 5000 cópias não reembolsadas do seu livro por $20, você ganhará $80,000.
(Sim, alguns autores já ganharam muito mais do que isso no Leanpub.)
Na verdade, os autores ganharammais de 13 milhões de dólares escrevendo, publicando e vendendo no Leanpub.
Saiba mais sobre escrever no Leanpub
Atualizações grauitas. Sem DRM.
Se você compra um livro da Leanpub, você recebe atualizações gratuitas enquanto o autor atualizar o livro! Muitos autores utilizam a Leanpub para publicar os seus livros em andamento, enquanto eles estão os escrevendo. Todos os leitores recebem atualizações gratuitas, não importa quando ou por quanto eles compraram o livro (até mesmo de graça).
A maioria dos livros Leanpub estão disponíveis em PDF (para computadores) e EPUB (para telefones, tablets, e Kindle). Os formatos que um livro inclui são exibidos no top direito dessa página.
Por último, livros Leapub não têm nenhuma proteção anti-cópias DRM sem sentido, então você pode facilmente lê-los em qualquer dispositivo suportado.
Aprenda mais sobre os formatos de ebook da Leanpub e aonde lê-los