Fullstack Vue 3: The Complete Guide to Vue.js

✍ Scribed by Hassan Djirdeh, Nate Murray, and Ari Lerner

• Publisher: Fullstack.io
• Year: 2021
• Tongue: English
• Leaves: 625
• Edition: 2
• Category: Library

✦ Table of Contents

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