Vue: Build & Deploy
$29.99
Minimum price
$29.99
Suggested price
This book is 100% complete
Completed on 2018-12-20
About the Book
Some screens here: https://imgur.com/a/TQGdOn0
This work presents the Vue.js framework to web applications. Its simplicity to create components and managing data binding make web systems development a powerful and simple task.
Learn how to write Vue code, run, build and deploy to Netlify and Now.sh servers. Create a complete web application consuming a REST API and learn how to authenticate with Json Web Token.
About the Authors
Table of Contents
-
Part 1 - Introduction
-
Introduction
- Installation
-
Introduction
-
Part 2 - Build & Deploy
-
Backend
- Adding the database file
- Adding the server
- Running the server
- Installing now.sh
- Deploying the server
-
Frontend
- Project creation
- Visual Studio Code configuration
- Running the project locally
- Frontend deployment
- Adding the project to GitHub
- Git version control in Visual Studio Code
- Netlify configuration
- Knowing some key project files
- The Vue Router
- How does the frontend access the backend?
-
Backend
-
Part 3 - Practical example
-
Authentication
- Login form
- Login service
- Storing the token in Vuex
- Vuetify
-
Category screen
- Initial steps
- Showing categories
- New Category
- Deleting a category
-
Customers
- Customer service
- Customers component
- Adding a customer
- Using the service to create a new record
- Editing a customer
- Deleting a customer
-
Employees
- Employee service
- Employees component
- Adding an employee
- Using the service to create a new record
- Editing an employee
- Deleting an employee
-
Adding the
notesfield
-
Suppliers
- Supplier service
- Suppliers component
- Adding a supplier
- Using the service to create a new record
- Editing a supplier
- Deleting a supplier
-
Products
- Initial Settings
- Including a pagination bar
- Editing a product
- Conclusion
-
Authentication
-
Part 4 - Appendix
-
Appendix A - Vuejs 2.5
- Tech used
- Node installation
- Using npm
- Some bits about RESTfull
-
Meeting Vue.js
- jsFiddle
- Setting up jsFiddle for Vue
- Hello World, vue
- Two way data-bind
- Creating a list
- Detecting changes to the Array
- Events and methods
- Reactive design
- Creating a task list
- Vue’s life cycle events
- More about Data-bind
- Filters
- Directives
- Directive shortcuts (Shorthands)
- Changing styles
- Using the v-if conditional
- Showing or hiding a code block
- v-if vs v-show
- Forms
- Conclusion
-
Creating components
- Vue-cli
- Creating the first project with vue-cli
- Executing the project
- The project structure
- The packages.json file
- Components and .vue files
- Creating a new component
- Adding properties
- Slots and component composing
- Events and communication between components
- Reorganizing the project
- Adding styles
- Changing the Header
- Changing the Footer
- Changing the App Content
-
Vue Router
- Installing the Vue Router
- Setting up
- Setting up the router.map
- Setting up the router-view
- Creating new components
- Creating a menu
- Active class
- Filtering routes by login
-
Vue Resource
- Testing the Ajax access
- Request methods
- Working with resources
-
Mixins
- Creating mixins
- Conflicting
-
Plug-ins
- Creating a plug-in
- Appendix B - Vuex
-
Introduction
- What is Vue.js?
- What is Flux?
- Why use it
- When to use it
- Basic concepts
-
A complete example
- Chrome vue-devtools
- Passing data through Vuex
- Dealing with Errors
- Working with async methods
- Notifying the user of the application state
-
Using Vuex to control the
waitMessage
- Modular Vuex
-
Vuex
- What is Vue.js?
- What is Flux?
- Why use it
- When to use it
- Basic concepts
- Simple example
- Chrome vue-devtools
- Passing data through Vuex
- Dealing with Errors
- Working with async methods
- Notifying the user of the application state
-
Using Vuex to control the
waitMessage - Modular Vuex
-
Appendix A - Vuejs 2.5
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...
