FreeCourseSite com Udemy Full Stack Vue with GraphQL The Ultimate Guide

/0. Websites you may like/

[CourseClub.ME].url

[FCS Forum].url

[FreeCourseSite.com].url

/1. Introduction/

1. Preview our Completed App.mp4

1. Preview our Completed App.vtt

2. Tools UsedRequired.mp4

2. Tools UsedRequired.vtt

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

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

3.1 settings.json.json

/10. Add Post Infinite Scroll Components/

1. Make Add Post Form.mp4

1. Make Add Post Form.vtt

1.1 Make Add Post Form.zip.zip

2. Create and Execute addPost Action Mutation.mp4

2. Create and Execute addPost Action Mutation.vtt

3. Update and Optimistic Response for addPost Mutation.mp4

3. Update and Optimistic Response for addPost Mutation.vtt

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

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

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

5. Add Infinite Scroll Functionality on Client.mp4

5. Add Infinite Scroll Functionality on Client.vtt

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

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

6.1 Add Grid Layout Cards for Each Post in Posts Component.zip.zip

/11. Post Component/

1. Create Post Component and Route.mp4

1. Create Post Component and Route.vtt

2. Create and Execute getPost Query.mp4

2. Create and Execute getPost Query.vtt

3. Build out Post Card in Post Component.mp4

3. Build out Post Card in Post Component.vtt

4. Add Messages Section to Post Component.mp4

4. Add Messages Section to Post Component.vtt

4.1 Add Messages Section to Post Component.zip.zip

5. Create addPostMessage Mutation.mp4

5. Create addPostMessage Mutation.vtt

6. Perform addPostMessage in Post Component.mp4

6. Perform addPostMessage in Post Component.vtt

6.1 Performs addPostMessage in Post Component.zip.zip

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

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

/12. Like Unlike Post/

1. Create typeDefs resolvers queries for Like Unlike.mp4

1. Create typeDefs resolvers queries for Like Unlike.vtt

1.1 Create typeDefsresolversqueries for Like Unlike.zip.zip

2. Firing Like Unlike Post Mutations from Client.mp4

2. Firing Like Unlike Post Mutations from Client.vtt

3. Add Logic for Toggling Like Unlike Post.mp4

3. Add Logic for Toggling Like Unlike Post.vtt

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

4. Add Like Notification in Profile Tab.mp4

4. Add Like Notification in Profile Tab.vtt

4.1 Add Like Notification in Profile Tab.zip.zip

/13. Search Posts/

1. Add typeDef resolver query for searchPosts.mp4

1. Add typeDef resolver query for searchPosts.vtt

2. Fire searchPosts Action, Log Search Results.mp4

2. Fire searchPosts Action, Log Search Results.vtt

2.1 Fire searchPosts Action, Log Search Results.zip.zip

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

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

4. Finishing Search Results, Making them Functional.mp4

4. Finishing Search Results, Making them Functional.vtt

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

/14. Profile Page, Update Delete Posts/

1. Add User Details Card Favorites Cards.mp4

1. Add User Details Card Favorites Cards.vtt

1.1 Add User Details Card Favorites Cards.zip.zip

2. Write getUserPosts Query.mp4

2. Write getUserPosts Query.vtt

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

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

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

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

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

4.1 Add Edit Post Dialog for Updating User Posts.zip.zip

5. Create updateUserPost Mutation.mp4

5. Create updateUserPost Mutation.vtt

6. Executing updateUserPost Mutation with Vuex Action.mp4

6. Executing updateUserPost Mutation with Vuex Action.vtt

6.1 Executing updateUserPost Mutation with Vuex Action.zip.zip

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

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

7.1 deleteUserRecipe Mutation - Backend Creation to Frontend Execution.zip.zip

/15. Preparing for Deployment/

1. RefetchQueries for Fresh Data upon Executing Mutations.mp4

1. RefetchQueries for Fresh Data upon Executing Mutations.vtt

1.1 RefetchQueries for Fresh Data upon Executing Mutations.zip.zip

2. Formatting Dates with moment.mp4

2. Formatting Dates with moment.vtt

2.1 Formatting Dates with moment.zip.zip

3. Minor ImprovementsFixes.mp4

3. Minor ImprovementsFixes.vtt

/16. Deployment with Heroku Now v2/

1. Deploying App with Heroku Now v2.mp4

1. Deploying App with Heroku Now v2.vtt

1.1 now.json.html

1.2 Deploying App with Heroku Now v2.zip.zip

/17. BONUS/

1. Bonus Lecture.mp4

1. Bonus Lecture.vtt

1.1 Become a Subscriber CodeArtistry.html

/2. What is GraphQL Apollo (Optional)/

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

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

2. What is Apollo.mp4

2. What is Apollo.vtt

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

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

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

2. Initializing Apollo Server 2 (Optional).mp4

2. Initializing Apollo Server 2 (Optional).vtt

3. Adding Resolvers and Executing Queries in GraphQL Playground (Optional).mp4

3. Adding Resolvers and Executing Queries in GraphQL Playground (Optional).vtt

4. Writing and Running First Mutation in GraphQL Playground (Optional).mp4

4. Writing and Running First Mutation in GraphQL Playground (Optional).vtt

4.1 Writing and Running First Mutation in GraphiQL (Optional).zip.zip

5. Exploring GraphQL Playground.mp4

5. Exploring GraphQL Playground.vtt

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

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

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

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

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

3. Creating Mongoose Schemas.mp4

3. Creating Mongoose Schemas.vtt

3.1 Creating Mongoose Schemas.zip.zip

4. Creating typeDefs for Project.mp4

4. Creating typeDefs for Project.vtt

4.1 Creating typeDefs for Project.zip.zip

5. Write and Run signupUser Mutation.mp4

5. Write and Run signupUser Mutation.vtt

6. Write and Run addPost Mutation.mp4

6. Write and Run addPost Mutation.vtt

6.1 Write and Run addPost Mutation.zip.zip

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

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

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.mp4

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

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

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

2.1 Adding Plugins with Vue GUI and Concurrently Dev Script.zip.zip

3. Structuring our Vue App.mp4

3. Structuring our Vue App.vtt

3.1 Structuring our Vue App.zip.zip

4. Installing Vuetify Plugin and Generating a Theme.mp4

4. Installing Vuetify Plugin and Generating a Theme.vtt

4.1 data.json.json

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

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

6. Horizontal Navbar and Mobile First Design.mp4

6. Horizontal Navbar and Mobile First Design.vtt

6.1 Horizontal Navbar and Mobile First Design.zip.zip

7. Add Side Navbar.mp4

7. Add Side Navbar.vtt

7.1 Add Side Navbar.zip.zip

8. Add Routing and Page Transitions.mp4

8. Add Routing and Page Transitions.vtt

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.mp4

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

1.1 Setting up Apollo Client Vue Apollo, Firing getPosts Query from Client.zip.zip

2. Dive into Smart Queries in Vue Components.mp4

2. Dive into Smart Queries in Vue Components.vtt

3. Executing Queries with the ApolloQuery Component.mp4

3. Executing Queries with the ApolloQuery Component.vtt

4. Add Carousel Component to Home Page.mp4

4. Add Carousel Component to Home Page.vtt

4.1 Add Carousel Component to Home Page.zip.zip

/7. Integrate Vuex with ApolloClient/

1. Firing getPosts Action with Vuex.mp4

1. Firing getPosts Action with Vuex.vtt

1.1 Firing getPosts Action with Vuex.zip.zip

2. Using Mutations and Getters.mp4

2. Using Mutations and Getters.vtt

2.1 Using Mutations and Getters.zip.zip

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

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

3.1 Add Loading Property, Loading Spinner and mapGetters.zip.zip

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

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

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.mp4

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

10. Change Navbar for Signed-in User.mp4

10. Change Navbar for Signed-in User.vtt

10.1 Change Navbar for Signed in User.zip.zip

11. Create Signout Action.mp4

11. Create Signout Action.vtt

11.1 Create Signout Action.zip.zip

12. Protected Routes and Clearing Malformed Tokens.mp4

12. Protected Routes and Clearing Malformed Tokens.vtt

12.1 Protected Routes and Clearing Malformed Tokens.zip.zip

2. Write and Run signinUser Mutation.mp4

2. Write and Run signinUser Mutation.vtt

3. Sign Token and Return it Upon SigninSignup.mp4

3. Sign Token and Return it Upon SigninSignup.vtt

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

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

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

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

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

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

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

6.1 Additional Config for ApolloClient, Send Token from LocalStorage.zip.zip

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

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

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

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

9. Redirect Home upon Signin with Watcher.mp4

9. Redirect Home upon Signin with Watcher.vtt

/9. Error Handling and Form Validation/

1. Adding Global Form Alert Component.mp4

1. Adding Global Form Alert Component.vtt

2. Add Loading Spinner to Signin Button.mp4

2. Add Loading Spinner to Signin Button.vtt

3. Form Validation with Vuetify in Signin Component.mp4

3. Form Validation with Vuetify in Signin Component.vtt

3.1 Form Validation with Vuetify in Signin Component.zip.zip

4. Show AuthSnackbar on Signin Signup.mp4

4. Show AuthSnackbar on Signin Signup.vtt

4.1 Show AuthSnackbar on Signin Signup.zip.zip

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

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

5.1 Handle Authentication Errors, Show Auth Error Snackbar.zip.zip

6. Create Signup Form and Signup User Action.mp4

6. Create Signup Form and Signup User Action.vtt

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

Total files 218