Practical Vue.js
Practical Vue.js
$21.99
Minimum
$25.99
Suggested
Practical Vue.js

This book is 100% complete

Completed on 2016-07-13

About the Book

This work presents the Vue.js framework to create web interfaces. Its simplicity to create to create components and managing data binding make web systems development a powerful and simple task.

The Vue.js stands out for its requirements simplicity compared to any complex framework.

Table of Contents

  • 1. Introduction
    • 1.1 Tech used
    • 1.2 Node installation
    • 1.3 Using npm
    • 1.4 Some bits about RESTfull
  • 2. Meeting Vue.js
    • 2.1 jsFiddle
    • 2.2 Setting up jsFiddle for Vue
    • 2.3 Hello World, vue
    • 2.4 Two way data-bind
    • 2.5 Creating a list
    • 2.6 Detecting changes to the Array
      • 2.6.1 Using track-by
      • 2.6.2 Using $set
      • 2.6.3 Using $remove
      • 2.6.4 Object loops
    • 2.7 Events and methods
      • 2.7.1 Changing the event propagation
      • 2.7.2 Keyboard modifiers
    • 2.8 Reactive design
    • 2.9 Creating a task list
    • 2.10 Vue’s life cycle events
    • 2.11 More about Data-bind
      • 2.11.1 Single Data-bind
      • 2.11.2 Data-bind with HTML
      • 2.11.3 Attribute data-bind
      • 2.11.4 Expressions
    • 2.12 Filters
      • 2.12.1 uppercase
      • 2.12.2 lowercase
      • 2.12.3 currency
      • 2.12.4 pluralize
      • 2.12.5 json
      • 2.12.6 debounce
      • 2.12.7 limitBy
      • 2.12.8 filterBy
      • 2.12.9 orderBy
    • 2.13 Custom filters
      • 2.13.1 “Two way” filters
    • 2.14 Directives
      • 2.14.1 Arguments
      • 2.14.2 Modifiers
    • 2.15 Directive shortcuts (Shorthands)
    • 2.16 Changing styles
    • 2.17 Using the v-if conditional
    • 2.18 Showing or hiding a code block
    • 2.19 v-if vs v-show
    • 2.20 Forms
      • 2.20.1 Check-box
      • 2.20.2 Radio
      • 2.20.3 Select
      • 2.20.4 Input attributes
    • 2.21 Conclusion
  • 3. Creating components
    • 3.1 Vue-cli
    • 3.2 Creating the first project with vue-cli
    • 3.3 Executing the project
    • 3.4 The project structure
    • 3.5 The packages.json file
    • 3.6 Components and .vue files
    • 3.7 Creating a new component
    • 3.8 Adding properties
      • 3.8.1 camelCase vs. kebab-case
      • 3.8.2 Validations and default values
    • 3.9 Slots and component composing
      • 3.9.1 Using multiple slots
    • 3.10 Events and communication between components
      • 3.10.1 Passing parameters
    • 3.11 Reorganizing the project
    • 3.12 Adding styles
    • 3.13 Changing the Header
    • 3.14 Changing the Footer
    • 3.15 Changing the App Content
  • 4. Vue Router
    • 4.1 Installing the Vue Router
    • 4.2 Setting up
    • 4.3 Setting up the router.map
    • 4.4 Setting up the router-view
    • 4.5 Creating new components
    • 4.6 Creating a menu
      • 4.6.1 Passing parameters on the link
    • 4.7 Active class
    • 4.8 Filtering routes by login
  • 5. Vue Resource
    • 5.1 Testing the Ajax access
    • 5.2 Request methods
    • 5.3 Working with resources
  • 6. Creating a blog with Vue, Express and MongoDB
    • 6.1 Creating the RESTful server
    • 6.2 The MongoDB database
    • 6.3 Creating the project
    • 6.4 Project structure
    • 6.5 Setting up the MongoDB models.
    • 6.6 Setting up the Express server
    • 6.7 Testing the server
    • 6.8 Testing the API without Vue
  • 7. Implementing the Blog with Vue
    • 7.1 Setting up the packages.json file
    • 7.2 Installing Vue and Materialize package
    • 7.3 Setting up the router and resources
    • 7.4 Setting up the main app interface
    • 7.5 Getting Posts
    • 7.6 Setting up the Vue Validator
    • 7.7 Logging-in
    • 7.8 Authentication Token
    • 7.9 Creating Post
    • 7.10 Log-out
    • 7.11 Refactoring the home page
  • 8. Mixins
    • 8.1 Creating mixins
    • 8.2 Conflicting
  • 9. Plug-ins
    • 9.1 Creating a plug-in
  • 10. Next Steps
    • 10.1 Vuex
    • 10.2 Vue.js in Twitter
    • 10.3 Vue Awesome

About the Authors

Daniel Schmitz
Daniel Schmitz

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

[pt] Daniel Schmitz é autor de vários livros sobre programação e desenvolvimento de sistemas, colunista do portal iMasters e tableless. 

The Leanpub 45-day 100% Happiness Guarantee

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

See full terms...

Write and Publish on Leanpub

Authors and publishers use Leanpub to publish amazing in-progress and completed ebooks, just like this one. You can use Leanpub to write, publish and sell your book as well! 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. It really is that easy.

Learn more about writing on Leanpub