Full-Stack Vue with GraphQL — The Ultimate Guide

[Drake Carder]

Build a complete Pinterest-inspired full-stack app from scratch with Vue, GraphQL, Apollo 2, Vuex, and Vuetify

Course rating: 4.5 out of 5.0 ( 341 Ratings total)

In this course, you will :

• Learn in-depth on how to use Apollo Server 2 and Apollo Boost to create powerful full-stack apps.
• Learn how to handle errors on the client and server with Apollo / GraphQL.
• Be able to implement session-based JWT authentication to GraphQL applications.
• Integrate Apollo with Vuex for more reliable and scalable state management.
• Implement infinite scrolling functionality using Vue-Apollo.
• Deploy full-stack JavaScript / GraphQL applications using Heroku and Netlify.
• Learn how to write queries and mutations in the GraphQL language on both the client and the server.
• Utilize many useful MongoDB methods and features.
• Create attractive, sophisticated UIs using the Vuetify component framework.
• Use the best in ES6 — ESNext features like async / await, destructuring, spread operators, arrow functions, etc.

Includes Apollo Server 2, Apollo Boost and the Vue CLI 3!

This course is your one-stop guide to learning…

• Complete CRUD functionality (create, read, update, and delete) with Vue and GraphQL / Apollo 2
• The latest and greatest Apollo tools: Apollo Server 2, Apollo Boost and Vue Apollo
• Using the new Vue CLI 3 to create/scaffold Vue apps, add plugins and deploy to the web
• GraphQL Syntax, including types (scalar/object), and creating schemas with typeDefs
• Writing and executing GraphQL queries and mutations on both the client and server
• Essential Apollo features such as the update function, optimistic responses, and refetching queries
• Error handling with Apollo Server 2 with the new AuthorizationError and format errors features
• User authentication with JSON Web Tokens
• State management with Vuex, in concert with ApolloClient
• Stunning UIs with Vuetify, a Material Design Component Library for Vue
• Form Validation with the help of Vuetify
• Vue Router (including protected routes, page transitions, router props, and dynamic segments)
• Building resolvers using many MongoDB methods and operators
• Search Functionality with MongoDB
• Advanced GraphQL features such as infinite scrolling
• GraphQL shorthands to make our schemas and queries concise, such as inputs and fragments
• Lots of work with the Chrome/Firefox Vue Dev Tools Extension to Debug Vue / Vuex / Apollo
• Using the service Now to deploy Vue / GraphQL Apps
• Advanced UI tricks, including notifications and loading skeletons
• App Deployment with Heroku and Now v2