Fullstack Vue: The Complete Guide to Vue.js

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Ready to Master Vue.js?

What if you could master the entire framework - with solid foundations - in less time without beating your head against a wall? Imagine how quickly you could work if you knew the best practices and the best tools?
Stop wasting your time searching and have everything you need to be productive in one, well-organized place, with complete examples to get your project up without needing to resort to endless hours of research.

Lots of Sample Apps and Code

You will learn what you need to know to work professionally with Fullstack Vue: The Complete Guide to Vue.js

You'll build:

A Server-Persisted Shopping Cart: Use the Flux-like library Vuex to manage data for a large shopping cart application that persists information on to a local server.
A Calendar Event App: Dive deeper into component based architecture by learning how simple state management works with Vue Single-file components.
A Voting Application: Learn how to render dynamic components and use standard Vue directives to build an interactive voting application.
Forms with Validations: Build powerful forms that accept user input, and give clear messaging when the input is of an invalid format.
Vuex-based Routes and Authentication: Build on top of the server persisted shopping cart app by creating dynamic routes and a token authentication flow with the official vue-router library.
Build bullet-proof apps with Testing: Use Vue's official test utility library, vue-test-utils, to create meaningful tests for a daily weather app that interacts with a third party API.

What our Customers Say

"Another must read from the team! Going through the book's real-world apps is like growing your dev superpowers one concept at a time." -- Luis Fernando Saavedra Meza

"Providing code variations for every step along the way has been really helpful, by showing how the end result should look and making it easier for me to reproduce it!" -- Marina Landisberg

"Hands up to Hassan for this masterpiece. In ready to follow steps and concise manner, you'll guided to master the framework of the future piece by piece. This book will make you love the frontend again and overcome the Javascript fatigue. Great job!" -- Christoph Jasinksi

Author(s): Hassan Djirdeh, Nate Murray, Ari Lerner
Edition: 1
Publisher: CreateSpace Independent Publishing Platform
Year: 2018

Language: English
Pages: 442

Table of Contents
Book Revision
Get the Code
Join Our Discord Server!
Bug Reports
Be notified of updates via Twitter
We'd love to hear from you!
Foreword
How to Get the Most Out of This Book
Overview
Vue 3.x
Running Code Examples
Code Blocks and Context
Instruction for Windows users
Live online community
Getting Help
Emailing Us
Get excited!
Your first Vue.js Web Application
Building UpVote!
Development environment setup
JavaScript ES6/ES7
Getting started
Setting up the view
Making the view data-driven
List rendering
Sorting
Event handling (our app's first interaction)
Components
v-bind and v-on shorthand syntax
Congratulations!
Single-file components
Introduction
Setting up our development environment
Getting started
Single-File Components
Breaking the app into components
Managing data between components
Simple State Management
Steps to building Vue apps from scratch
Step 1: A static version of the app
Step 2: Breaking the app into components
Step 3: Hardcode Initial States
Step 4: Create state mutations (and corresponding component actions)
The Calendar App
Methodology review
Custom Events
Introduction
JavaScript Custom Events
Vue Custom Events
Event Bus
Custom events and managing data
Summary
Introduction to Vuex
Recap
What is Flux?
Flux implementations
Vuex
Refactoring the note-taking app
Vuex Store
Building the components
Vuex and Servers
Introduction
Preparation
The Server API
Playing with the API
Client and server
Preparing the application
The Vuex Store
productModule
cartModule
Interactivity
Vuex and medium to large scale applications
Recap
Form Handling
Introduction
Forms 101
Preparation
The Basic Button
Text Input
Multiple Fields
Validations
Async Persistence
Vuex
Form Modules
Routing
What is routing?
URL
Single-page applications
Basic Vue Router
Dynamic Route Matching
The Server API
Starting point of the app
Integrating vue-router
Supporting authenticated routes
Implementing login
Vue Watchers
Navigation Guards
Recap and further reading
Unit Testing
End-to-end vs. Unit Testing
Testing tools
Testing a basic Vue component
Setup
Testing App
vue-test-utils
More assertions for App.vue
Writing tests for a weather app
Store
Further reading
Composition API
Why do need the Composition API?
What is the Composition API?
Building a simple listings app
app/
Updating
Updating
Updating
Notifications
Dark Mode
The Store
Conclusion
TypeScript
What is TypeScript?
Vue & TypeScript
Annotating Props
Conclusion
Vue Apollo & GraphQL
GraphQL
Consuming GraphQL
The GraphQL API we'll be working with
Vue Apollo
Fullstack Vue Screencast
Building SimpleCoinCap
Agenda
Updates with the new API
Changelog