Vue: Build & Deploy
Vue: Build & Deploy
$29.99
Minimum price
$29.99
Suggested price
Vue: Build & Deploy

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

Daniel Schmitz
Daniel Schmitz

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

Table of Contents

  • Part 1 - Introduction
    • Introduction
      • Installation
  • 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?
  • 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 notes field
    • 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
  • 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

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, publishers and universities use Leanpub to publish amazing in-progress and completed books and courses, just like this one. You can use Leanpub to write, publish and sell your book or course 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