Vue.js na prática (PT-BR)
Este livro está 100% concluído
Concluído em 2017-12-29
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.
Sobre os Autores
Table of Contents
-
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 45 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.
Free Updates. Free App. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets), MOBI (for Kindle) and in the free Leanpub App (for Mac, Windows, iOS and Android). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
