Size: 5.04 GB
Build a complete Pinterest-inspired full-stack app from scratch with Vue, GraphQL, Apollo 2, Vuex, and Vuetify.
What you’ll learn
- Learn in-depth 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 server
- Make use of many useful MongoDB methods and features
- Be able to create attractive, sophisticated UIs using the Vuetify CSS framework
- Become more familiar with all the best ES6 / 7 features such as async / await, destructuring, spread operators, arrow functions, etc
Requirements
- A basic familiarity with Vue
- A basic understanding of ES6 JavaScript will help, but it’s not required
Description
Includes Apollo Server 2, Apollo Boost and the very new Vue CLI 3! Interested in building next-level apps with Vue and GraphQL? Look no further!- 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 formatErrors features
- Role-based user authentication with JSON Web Tokens
- State management with Vuex, in concert with ApolloClient
- Stunning UIs using mobile-first design with the 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
- And more…
Who is the target audience?
- Anyone who wants to learn how to build full-stack applications with Vue and GraphQL!