Leanpub Header

Skip to main content

The Majesty of Vue.js 2 (Portuguese)

Aprenda Vue.js 2 do zero!

Este livro irá guiá-lo rumo ao aprendizado do já difundido Framework JavaScript Vue.js.

Até o final do livro, você será capaz de criar rapidamente aplicativos front-end e aumentar o desempenho de seus projetos existentes com a integração do Vue 2.0.

This book is a translation into Portuguese (Brazilian) of The Majesty of Vue.js 2 which was originally written in English

Minimum price

$18.99

$24.99

You pay

$24.99

Authors earn

$19.99
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
About

About

About the Book

TL;DR: Esta obra é a versão atualizada do livro The Majesty of Vue.js, o qual vendeu mais de 700 cópias e foi considerado uma das primeiras fontes de estudo do Framework Vue.js. O livro é constantemente atualizado para se manter compatível com as atualizações do Vue.js 2 e novos capítulos são adicionados ao longo do tempo.

Este livro é recomendado para qualquer pessoa interessada em aprender Vue.js. Ele é útil para desenvolvedores que são novos no Vue.js bem como para aqueles que já usam o Framework e necessitam expandir o seu conhecimento. Ele é útil também para desenvolvedores que estão buscando uma forma de migrar para o Vue.js 2.

Este livro irá guiá-lo rumo ao aprendizado do já difundido Framework JavaScript chamado Vue.js! 

Há algum tempo atrás, nós começamos um novo projeto baseado em Laravel e Vue.js. Após ler completamente o guia do Vue.js e alguns tutoriais, descobrimos que há muito pouco conteúdo disponível a respeito dele na web. Durante o desenvolvimento do nosso projeto, ganhamos muita experiência, então surgiu a ideia de escrever este livro para compartilhar nossos conhecimentos com o mundo. Agora que o Vue.js 2 foi lançado, decidimos que era a hora de atualizar o livro para uma segunda versão, na qual todos os exemplos e conteúdos foram reescritos.

Este livro está escrito em um formato informal, intuitivo e fácil de acompanhar, onde todos os exemplos são devidamente detalhados para fornecer uma orientação adequada a todos. Começamos com o básico e, através de muitos exemplos, abordamos os recursos mais importantes do Vue.js 2.

A melhor maneira de aprender a programar é programando, então preparamos exercícios no final de cada capítulo para que você possa resolvê-los e testar o que aprendeu. Nós também atualizamos os exercícios e respostas para o Vue.js 2, e recomendamos fortemente que você tente sempre que possível resolvê-los, a fim de se obter uma melhor compreensão do Vue.js.

Até o final deste livro, você será capaz de criar aplicações front-end e melhorar o desempenho de seus projetos existentes com a integração do Vue.js 2.

Público alvo

Todos que acompanham o desenvolvimento web moderno, já estão familiarizados com frameworks Javascript/CSS, tais como JQuery e Bootstrap.

Este livro é para qualquer um que tenha interesse em aprender um framework Javascript leve e simples.

Nenhum conhecimento avançado é necessário, embora seja bom conhecer um pouco de HTML e Javascript. Se você não sabe a diferença entre uma string e um objeto, talvez você precise procurar algo mais específico primeiro.

Este livro é útil também para qualquer leitor que conheça o Vue.js e quer expandir o seu conhecimento sobre o framework.

Share this book

Categories

This book is a translation into Portuguese (Brazilian) of The Majesty of Vue.js 2 which was originally written in English

Author

About the Authors

Alex Kyriakidis

Alex Kyriakidis is an ambitious, award winner developer, software engineer perfectionist and currently addicted to Laravel and Vue.js. He has worked with several teams delivering high quality cross-platform applications, APIs and websites.

Alex spends his time learning cutting edge technologies every day, striving to make the best developer out of himself.

Daniel Schmitz

Daniel Schmitz is a software developer and writer. He's originally from Brazil and has published several books in Portuguese/English.

Contents

Table of Contents

Bem vindo

  1. Sobre o livro
  2. Para quem é este livro
  3. Entre em Contato
  4. Tarefa
  5. Código Fonte
  6. Errata
  7. Convenções
  8. Isto é um aviso
  9. Isto é uma dica
  10. Isto é uma caixa de informações
  11. Isto é uma nota
  12. Isto é uma dica
  13. Isto é um Comando de Terminal
  14. Isto é um texto de comparação
  15. Isto é um link para o Github.
  16. Introdução

Sobre o Vue.js

  1. Visão Geral
  2. O que as pessoas estão dizendo sobre o Vue.js

Comparação com Outros Frameworks

  1. Angular 1
  2. Angular 2
  3. React
  4. Ember
  5. Polymer
  6. Riot
  7. IFundamentos do Vue.js

1.Instalar Vue.js

  1. 1.1Versão Standalone
  2. Download no Site vuejs.org
  3. Incluir do CDN
  4. 1.2Download usando NPM
  5. 1.3Download usando Bower

2.Começando

  1. 2.1Olá mundo
  2. Informação
  3. 2.2Two-way Binding
  4. 2.3Comparação com jQuery.
  5. Código fonte
  6. 2.4Tarefa
  7. Nota
  8. Solução sugerida

3.Um Leque de Diretivas

  1. 3.1v-show
  2. Informação
  3. Informação
  4. 3.2v-if
  5. Template v-if
  6. Atenção
  7. 3.3v-else
  8. Atenção
  9. 3.4v-if vs. v-show
  10. Código Fonte
  11. 3.5Tarefa
  12. Dica
  13. Solução sugerida

4.Renderização de Listas

  1. 4.1Instalação & uso do Bootstrap
  2. Informação
  3. Dica
  4. 4.2v-for
  5. Atenção
  6. Range para o v-for
  7. Nota
  8. 4.3Renderização de Array
  9. Loop através de um Array
  10. Informação
  11. Loop através de um Array de Objetos
  12. 4.4Objeto v-for
  13. Informação
  14. Exemplo
  15. 4.5Tarefa
  16. Solução sugerida

5.Interatividade

  1. 5.1Gerenciando Eventos
  2. Informação
  3. Gerenciando Eventos Inline
  4. Gerenciando Eventos usando Métodos
  5. Atenção
  6. Atalho para v-on
  7. 5.2Modificadores de Evento
  8. Nota
  9. 5.3Modificadores de Teclas
  10. Dica
  11. 5.4Propriedades Computadas
  12. Nota
  13. Código Fonte
  14. 5.5Tarefa
  15. Dica
  16. Solução sugerida

6.Filtros

  1. 6.1Filtrando Resultados
  2. Informação
  3. Informação
  4. Nota
  5. Usando Propriedades Computadas
  6. 6.2Ordenar resultados
  7. 6.3Filtros Customizados
  8. 6.4Bibliotecas Utilitárias
  9. Sintaxe
  10. Dica
  11. Exemplos
  12. 6.5Tarefa
  13. Dica
  14. Solução sugerida

7.Componentes

  1. 7.1O que são Componentes?
  2. 7.2Usando Componentes
  3. Nota
  4. 7.3Templates
  5. Informação
  6. 7.4Propriedades
  7. Atenção
  8. Informação
  9. 7.5Reutilização
  10. Informação
  11. Nota
  12. Dica
  13. 7.6Completando
  14. Exemplos
  15. 7.7Tarefa
  16. Solução sugerida

8.Eventos Customizados

  1. 8.1Enviar e Escutar
  2. Ciclo de Eventos do Vue
  3. 8.2Comunicação entre Pai e Filho
  4. 8.3Passando Argumentos
  5. Informação
  6. 8.4Comunicação sem ser Pai/Filho
  7. Atenção
  8. 8.5Removendo Event Listeners
  9. 8.6De Volta ao Componente de Histórias
  10. Informação
  11. Exemplos
  12. 8.7Tarefa
  13. Dica
  14. Hint
  15. Solução sugerida

9.Bindings em classes e estilos

  1. 9.1Binding em classes
  2. Sintaxe
  3. Informação
  4. Sintaxe em um Array
  5. Informação
  6. Dica
  7. 9.2Binding em estilos
  8. Sintaxe
  9. Sintaxe em Arrays
  10. Informação
  11. 9.3Bindings em ação
  12. Exemplos
  13. 9.4Tarefa
  14. Dica
  15. Solução sugerida
  16. IIConsumindo uma API

10.Introdução

  1. 10.1CRUD
  2. 10.2API
  3. Download do Código Fonte
  4. Nota
  5. API Endpoints
  6. Dica

11.Trabalhando com Dados Reais

  1. Informação
  2. 11.1Obter Dados
  3. Informação
  4. Atenção
  5. 11.2Refatorando
  6. 11.3Atualizando Dados
  7. 11.4Removendo Dados

12.Integrando o vue-resource

  1. 12.1Visão Geral
  2. Informação
  3. 12.2Migração
  4. Informação
  5. 12.3Melhorando Algumas Funcionalidades
  6. Editando Histórias
  7. Informação
  8. Criar uma Nova História
  9. Informação
  10. Dica
  11. Armazenar e Atualizar
  12. Dica
  13. 12.4Arquivo Javascript
  14. 12.5Código fonte
  15. Código fonte
  16. 12.6Tarefa
  17. Configuração
  18. API Endpoints
  19. Seu código
  20. Solução sugerida

13.Visão Geral do axios

  1. 13.1Aposentando o vue-resource
  2. 13.2Integrando axios
  3. Dica
  4. 13.3Migração
  5. Nota
  6. Informação
  7. 13.4Melhorando
  8. Editando histórias
  9. Informação
  10. Criar uma nova história
  11. Informação
  12. Dica
  13. Armazenar e Atualizar
  14. Dica
  15. 13.5Arquivo Javascript
  16. 13.6Código fonte
  17. Código fonte
  18. 13.7Tarefa
  19. API Endpoints
  20. Seu código
  21. Solução sugerida

14.Paginação

  1. Informação
  2. 14.1Implementação
  3. 14.2Links
  4. Código fonte
  5. 14.3Tarefa
  6. IIICriando aplicações em larga escala

15.ECMAScript 6

  1. Informação
  2. 15.1Introdução
  3. Compatibilidade
  4. Nota
  5. 15.2Declarando Variáveis
  6. Declaração Let
  7. Constantes
  8. Informação
  9. 15.3Arrow Functions
  10. 15.4Módulos
  11. 15.5Classes
  12. 15.6Parâmetros padrão
  13. 15.7Templates Literais (Template literals)

16.Workflow Avançado

  1. 16.1Compilando ES6 com Babel
  2. Informação
  3. Instalação do Babel
  4. O que é package.json?
  5. Configuração
  6. Dica
  7. Criando Apelidos para a Compilação
  8. Uso
  9. Informação
  10. Tarefa
  11. Dica
  12. Dica 2
  13. Solução sugerida
  14. 16.2Automatização do Workflow com Gulp
  15. Task Runners
  16. Por que usar um task runner?
  17. Gulp vs Grunt
  18. Instalação
  19. Uso
  20. Watch (Observador)
  21. Tarefa
  22. Nota
  23. Solução
  24. 16.3Module Bundling com Webpack
  25. Module Bundlers
  26. Webpack
  27. Instalação
  28. Dica
  29. Uso
  30. Automação
  31. Leia também
  32. 16.4Resumo
  33. Nota

17.Trabalhando com Single File Components

  1. 17.1O vue-cli
  2. Informação
  3. Templates Vue’s
  4. Instalação
  5. Uso
  6. Dica
  7. Informação
  8. Standard vs Airbnb
  9. Informação
  10. 17.2Template Webpack
  11. Atenção
  12. Nota
  13. Estrutura do Projeto
  14. index.html
  15. Hello.vue
  16. Atenção
  17. App.vue
  18. main.js
  19. Nota
  20. Informação
  21. 17.3Criando Arquivos .vue
  22. Nota
  23. Aninhado Componentes
  24. Nota
  25. Código Fonte

18.Eliminando Dados Duplicados

  1. 18.1Compartilhando propriedades
  2. 18.2Store Global
  3. Atenção
  4. Código Fonte

19.Alternando Components

  1. 19.1Componentes dinâmicos
  2. O Atributo Especial is
  3. Navegação
  4. Código Fonte

20.Vue Router

  1. Informação
  2. 20.1Instalação
  3. 20.2Uso
  4. Informação
  5. Dica
  6. Nota
  7. 20.3Rotas Nomeadas
  8. 20.4Modo “History”
  9. Informação
  10. 20.5Rotas aninhadas
  11. 20.6Definindo uma Classe CSS Ativa
  12. Classe Ativa Personalizada
  13. 20.7Objeto Route
  14. 20.8Segmentos dinâmicos
  15. Informação
  16. Nota
  17. Nota
  18. 20.9Apelidos para o Router
  19. 20.10Navegando de Forma Programática
  20. Atenção
  21. 20.11Transições
  22. Introdução
  23. Uso
  24. Animações 3rd-party
  25. 20.12Filtros em Transições
  26. Código Fonte
  27. 20.13Tarefa
  28. Informação
  29. Dica 1
  30. Dica 2

Contributor

About the Contributors

Jândria Schmitz

Get the free sample chapters

Click the buttons to get the free sample in PDF or EPUB, or read the sample online here

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. 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) and EPUB (for phones, tablets and Kindle). 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

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub