1. Introduction

  1. Preview our Completed App.vtt

  2. Tools UsedRequired.vtt

  3. Formatting Vue Templates (And More) with VS Code.vtt

 10. Add Post Infinite Scroll Components

  1. Make Add Post Form.vtt

  2. Create and Execute addPost Action Mutation.mp4

  3. Update and Optimistic Response for addPost Mutation.mp4

  3.1 Update and Optimistic Response for addPost Mutation.zip.zip

  4. Infinite Scroll on Posts Page; Add typeDef, Resolver, and Query.vtt

  5. Add Infinite Scroll Functionality on Client.vtt

  6. Add Grid Layout Cards for Each Post in Posts Component.vtt

 11. Post Component

  1. Create Post Component and Route.vtt

  2. Create and Execute getPost Query.vtt

  3. Build out Post Card in Post Component.vtt

  4. Add Messages Section to Post Component.vtt

  5. Create addPostMessage Mutation.mp4

  6. Perform addPostMessage in Post Component.mp4

  6.1 Performs addPostMessage in Post Component.zip.zip

  7. Add Validation for Message Input, Clear on Submit.vtt

 12. Like Unlike Post

  1. Create typeDefs resolvers queries for Like Unlike.vtt

  2. Firing Like Unlike Post Mutations from Client.mp4

  3. Add Logic for Toggling Like Unlike Post.mp4

  3.1 Add Logic for Toggling Like Unlike Post.zip.zip

  4. Add Like Notification in Profile Tab.vtt

 13. Search Posts

  1. Add typeDef resolver query for searchPosts.vtt

  2. Fire searchPosts Action, Log Search Results.vtt

  3. Add searchResults to State, Build Search Result Card.mp4

  4. Finishing Search Results, Making them Functional.mp4

  4.1 Finishing Search Results, Making them Functional.zip.zip

 14. Profile Page, Update Delete Posts

  1. Add User Details Card Favorites Cards.vtt

  2. Write getUserPosts Query.mp4

  3. Execute getUserPosts Query, Create and Populate User Cards.mp4

  3.1 Execute getUserPosts Query, Create and Populate User Cards.zip.zip

  4. Add Edit Post Dialog for Updating User Posts.vtt

  5. Create updateUserPost Mutation.mp4

  6. Executing updateUserPost Mutation with Vuex Action.mp4

  6.1 Executing updateUserPost Mutation with Vuex Action.zip.zip

  7. deleteUserRecipe Mutation - Backend Creation to Frontend Execution.vtt

 15. Preparing for Deployment

  1. RefetchQueries for Fresh Data upon Executing Mutations.vtt

  2. Formatting Dates with moment.mp4

  2.1 Formatting Dates with moment.zip.zip

  3. Minor ImprovementsFixes.vtt

 16. Deployment with Heroku Now v2

  1. Deploying App with Heroku Now v2.vtt

  1.2 Deploying App with Heroku Now v2.zip.zip

 17. BONUS

  1. Bonus Lecture.vtt

 2

  1. What is GraphQL Using the SWAPI GraphQL API.vtt

  2. What is Apollo.vtt

 3. Intro to Apollo Server 2, Queries, Mutations and GraphQL Playground

  1. Git Clone and Install Dependencies (Required).vtt

  2. Initializing Apollo Server 2 (Optional).vtt

  5. Exploring GraphQL Playground.mp4

 4. Connect to MLab Database, Create Mongoose Models and GraphQL TypeDefs

  1. Create MongoDB Atlas Database, Connect to GraphQL Server.vtt

  2. Update! Connecting to MongoDB Atlas instead of MLab.vtt

  3. Creating Mongoose Schemas.vtt

  4. Creating typeDefs for Project.mp4

  4.1 Creating typeDefs for Project.zip.zip

  5. Write and Run signupUser Mutation.vtt

  6. Write and Run addPost Mutation.vtt

  7. Write and Run getPosts Query, Intro to populate.mp4

  7.1 Write and Run getPosts Query, Intro to .populate.zip.zip

 5. Create Vue Frontend with Vue CLI 3

  1. Create Vue Client with Vue-CLI 3.vtt

  2. Adding Plugins with Vue GUI and Concurrently Dev Script.vtt

  3. Structuring our Vue App.mp4

  3.1 Structuring our Vue App.zip.zip

  4. Installing Vuetify Plugin and Generating a Theme.vtt

  5. Coolors.co for Creating Great Color Schemes (Optional).mp4

  6. Horizontal Navbar and Mobile First Design.mp4

  6.1 Horizontal Navbar and Mobile First Design.zip.zip

  7. Add Side Navbar.vtt

  8. Add Routing and Page Transitions.mp4

  8.1 Add Routing and Page Transitions.zip.zip

 6. Using Vue Apollo

  1. Setting up Apollo Client Vue Apollo, Firing getPosts Query from Client.vtt

  2. Dive into Smart Queries in Vue Components.mp4

  3. Executing Queries with the ApolloQuery Component.mp4

  4. Add Carousel Component to Home Page.mp4

  4.1 Add Carousel Component to Home Page.zip.zip

 7. Integrate Vuex with ApolloClient

  1. Firing getPosts Action with Vuex.vtt

  2. Using Mutations and Getters.mp4

  2.1 Using Mutations and Getters.zip.zip

  3. Add Loading Property, Loading Spinner and mapGetters.vtt

  4. Create queries.js for Clientside Query Mutation Definitions.mp4

  4.1 Create queries.js for Clientside Query Mutation Definitions.zip.zip

 8. JWT Authentication for Signin Signup

  1. Create Gravatar Avatar and Hash User Passwords on Signup.vtt

  10. Change Navbar for Signed-in User.vtt

  11. Create Signout Action.mp4

  11.1 Create Signout Action.zip.zip

  12. Protected Routes and Clearing Malformed Tokens.vtt

  2. Write and Run signinUser Mutation.mp4

  3. Sign Token and Return it Upon SigninSignup.mp4

  4. Using Variables in GraphQL, Signin Signup Mutation Defs.mp4

  4.1 Using Variables in GraphQL, Signin Signup Mutation Defs.zip.zip

  5. Add Signin Form, Write and Run signinUser Action, Return JWT.vtt

  6. Additional Config for ApolloClient, Send Token from LocalStorage.vtt

  7. Verify JWT Token in server.js, Pass Result to currentUser in Context.mp4

  8. Create getCurrentUser Query, Execute it from main.js.mp4

  9. Redirect Home upon Signin with Watcher.mp4

 9. Error Handling and Form Validation

  1. Adding Global Form Alert Component.vtt

  2. Add Loading Spinner to Signin Button.vtt

  3. Form Validation with Vuetify in Signin Component.vtt

  4. Show AuthSnackbar on Signin Signup.mp4

  4.1 Show AuthSnackbar on Signin Signup.zip.zip

  5. Handle Authentication Errors, Show Auth Error Snackbar.vtt

  6. Create Signup Form and Signup User Action.mp4

  6.1 Create Signup Form and Signup User Action.zip.zip

 [Tutorialsplanet.NET].url