Vue.js na prática (PT-BR)

IParte 1 - Conhecendo o Vue

1.Introdução

1. 1.1Tecnologias empregadas
2. 1.2Instalação do node
3. 1.3Uso do npm
4. 1.4Conhecendo um pouco o RESTfull

2.Conhecendo Vue.js

1. 2.1Uso do jsFiddle
2. 2.2Configurando o jsFiddle para o Vue
3. 2.3Hello World, vue
4. 2.4Two way databind
5. 2.5Criando uma lista
6. 2.6Detectando alterações no Array
7. Utilizando v-bind:key
8. Uso do set
9. Como remover um item
10. Loops em objetos
11. 2.7Eventos e métodos
12. Modificando a propagação do evento
13. Modificadores de teclas
14. 2.8Design reativo
15. 2.9Criando uma lista de tarefas
16. 2.10Eventos do ciclo de vida do Vue
17. 2.11Compreendendo melhor o Data Bind
18. Databind único
19. Databind com html
20. Databind em Atributos
21. Expressões
22. 2.12Filtros
23. 2.13Diretivas
24. Argumentos
25. Modificadores
26. 2.14Atalhos de diretiva (Shorthands)
27. 2.15Alternando estilos
28. 2.16Uso da condicional v-if
29. 2.17Exibindo ou ocultando um bloco de código
30. 2.18v-if vs v-show
31. 2.19Formulários
32. Checkbox
33. Radio
34. Select
35. Atributos para input
36. 2.20Conclusão

3.Criando componentes

1. 3.1Vue-cli
2. 3.2Criando o primeiro projeto com vue-cli
3. 3.3Executando o projeto
4. 3.4Conhecendo a estrutura do projeto
5. 3.5Conhecendo o packages.json
6. 3.6Componentes e arquivos .vue
7. 3.7Criando um novo componente
8. 3.8Adicionando propriedades
9. camelCase vs. kebab-case
10. Validações e valor padrão
11. 3.9Slots e composição de componentes
12. 3.10Eventos e comunicação entre componentes
13. Repassando parâmetros
14. 3.11Reorganizando o projeto
15. 3.12Adicionando algum estilo
16. 3.13Alterando o cabeçalho
17. 3.14Alterando o rodapé
18. 3.15Conteúdo da aplicação

4.Vue Router

1. 4.1Instalação
2. 4.2Configuração
3. 4.3Configurando o router
4. 4.4Configurando o router-view
5. 4.5Criando novos componentes
6. 4.6Criando um menu

5.Vue Resource

1. 5.1Testando o acesso Ajax
2. 5.2Métodos e opções de envio
3. 5.3Trabalhando com resources
4. IIParte 2 - Conceitos avançados

6.Vuex e Flux

1. 6.1O que é Flux?
2. 6.2Conhecendo os problemas
3. 6.3Quando usar?
4. 6.4Conceitos inicias
5. 6.5Exemplo simples
6. Criando o projeto
7. Criando componentes
8. Incluindo Vuex
9. Criando uma variável no state
10. Criando mutations
11. Criando actions
12. Criando getters
13. Alterando o componente Display para exibir o valor do contador
14. Alterando o componenet Increment
15. Testando a aplicação
16. 6.6Revendo o fluxo
17. 6.7Chrome vue-devtools
18. 6.8Repassando dados pelo vuex
19. 6.9Tratando erros
20. 6.10Gerenciando métodos assíncronos
21. 6.11Informando ao usuário sobre o estado da aplicação
22. 6.12Usando o vuex para controlar a mensagem de resposta ao usuário
23. 6.13Vuex modular

7.Mixins

1. 7.1Criando mixins
2. 7.2Conflito

8.Plugins

1. 8.1Criando um plugin
2. IIIParte 3 - Exemplo Prático

9.Criando uma app Vue 2.0 + Firebase

1. 9.1O que é Firebase?
2. 9.2Instalação do vue-cli
3. 9.3Criando o projeto blog
4. 9.4Adicionando bibliotecas complementares
5. 9.5Adicionando o CSS
6. 9.6Ajustando o Vue Router
7. 9.7Alterando o componente principal da aplicação
8. 9.8Instalando o font-awesome
9. 9.9Configuração do Firebase
10. 9.10Testando o firebase
11. 9.11Autenticação
12. Configurando o Github
13. 9.12Realizando o Login
14. 9.13Obtendo detalhes do usuário logado
15. 9.14Logout
16. 9.15Gerenciando o estado da aplicação após o Login
17. 9.16Botão de login da aplicação
18. 9.17Manter o Login mesmo com o refresh da página
19. 9.18Reformulando as regras de escrita no banco de dados do Firebase
20. 9.19Criando um Post
21. 9.20Exibindo Posts

10.Exibindo o usuário do Post

1. 10.1Um esclarecimento sobre escopo e arrow functions
2. 10.2Visualizando o Post