Practical Vue.js
$21.99
Minimum
$25.99
Suggested
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
[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...
