Видео курса

  • Урок 1. 00:18:29
    Preview our Completed App
  • Урок 2. 00:04:20
    Tools Used/Required
  • Урок 3. 00:05:48
    Formatting Vue Templates (And More) with VS Code
  • Урок 4. 00:19:52
    What is GraphQL? Using the SWAPI GraphQL API
  • Урок 5. 00:02:57
    What is Apollo?
  • Урок 6. 00:02:29
    Git Clone and Install Dependencies (Required)
  • Урок 7. 00:06:45
    Initializing Apollo Server 2 (Optional)
  • Урок 8. 00:06:20
    Adding Resolvers and Executing Queries in GraphQL Playground (Optional)
  • Урок 9. 00:07:51
    Writing and Running First Mutation in GraphQL Playground (Optional)
  • Урок 10. 00:03:40
    Exploring GraphQL Playground
  • Урок 11. 00:05:33
    Create MLab Database, Connect to GraphQL Server
  • Урок 12. 00:11:19
    Creating Mongoose Schemas
  • Урок 13. 00:07:33
    Creating typeDefs for Project
  • Урок 14. 00:09:25
    Write and Run signupUser Mutation
  • Урок 15. 00:07:26
    Write and Run addPost Mutation
  • Урок 16. 00:07:19
    Write and Run getPosts Query, Intro to populate
  • Урок 17. 00:07:38
    Create Vue Client with Vue-CLI 3
  • Урок 18. 00:03:36
    Adding Plugins with Vue GUI and Concurrently Dev Script
  • Урок 19. 00:03:35
    Structuring our Vue App
  • Урок 20. 00:10:14
    Installing Vuetify Plugin and Generating a Theme
  • Урок 21. 00:04:03
    Coolors.co for Creating Great Color Schemes (Optional)
  • Урок 22. 00:11:48
    Horizontal Navbar and Mobile First Design
  • Урок 23. 00:07:23
    Add Side Navbar
  • Урок 24. 00:08:36
    Add Routing and Page Transitions
  • Урок 25. 00:08:14
    Setting up Apollo Client / Vue Apollo, Firing getPosts Query from Client
  • Урок 26. 00:06:43
    Dive into Smart Queries in Vue Components
  • Урок 27. 00:05:35
    Executing Queries with the ApolloQuery Component
  • Урок 28. 00:03:27
    Add Carousel Component to Home Page
  • Урок 29. 00:06:32
    Firing getPosts Action with Vuex
  • Урок 30. 00:07:41
    Using Mutations and Getters
  • Урок 31. 00:05:39
    Add Loading Property, Loading Spinner and mapGetters
  • Урок 32. 00:03:07
    Create queries.js for Clientside Query / Mutation Definitions
  • Урок 33. 00:07:12
    Create Gravatar Avatar and Hash User Passwords on Signup
  • Урок 34. 00:05:26
    Write and Run signinUser Mutation
  • Урок 35. 00:08:00
    Sign Token and Return it Upon Signin/Signup
  • Урок 36. 00:05:31
    Using Variables in GraphQL, Signin / Signup Mutation Defs
  • Урок 37. 00:08:46
    Add Signin Form, Write and Run signinUser Action, Return JWT
  • Урок 38. 00:08:09
    Additional Config for ApolloClient, Send Token from LocalStorage
  • Урок 39. 00:06:46
    Verify JWT Token in server.js, Pass Result to currentUser in Context
  • Урок 40. 00:09:04
    Create getCurrentUser Query, Execute it from main.js
  • Урок 41. 00:07:40
    Redirect Home upon Signin with Watcher
  • Урок 42. 00:08:57
    Change Navbar for Signed-in User
  • Урок 43. 00:06:06
    Create Signout Action
  • Урок 44. 00:05:08
    Protected Routes and Clearing Malformed Tokens
  • Урок 45. 00:08:44
    Adding Global Form Alert Component
  • Урок 46. 00:03:16
    Add Loading Spinner to Signin Button
  • Урок 47. 00:07:10
    Form Validation with Vuetify in Signin Component
  • Урок 48. 00:04:49
    Show AuthSnackbar on Signin / Signup
  • Урок 49. 00:08:41
    Handle Authentication Errors, Show Auth Error Snackbar
  • Урок 50. 00:10:48
    Create Signup Form and Signup User Action
  • Урок 51. 00:08:30
    Make Add Post Form
  • Урок 52. 00:10:15
    Create and Execute addPost Action / Mutation
  • Урок 53. 00:11:11
    Update and Optimistic Response for addPost Mutation
  • Урок 54. 00:07:46
    Infinite Scroll on Posts Page; Add typeDef, Resolver, and Query
  • Урок 55. 00:10:17
    Add Infinite Scroll Functionality on Client
  • Урок 56. 00:09:43
    Add Grid Layout / Cards for Each Post in Posts Component
  • Урок 57. 00:04:34
    Create Post Component and Route
  • Урок 58. 00:06:31
    Create and Execute getPost Query
  • Урок 59. 00:07:50
    Build out Post Card in Post Component
  • Урок 60. 00:05:47
    Add Messages Section to Post Component
  • Урок 61. 00:06:31
    Create addPostMessage Mutation
  • Урок 62. 00:08:08
    Perform addPostMessage in Post Component
  • Урок 63. 00:04:52
    Add Validation for Message Input, Clear on Submit
  • Урок 64. 00:07:31
    Create typeDefs / resolvers / queries for Like / Unlike
  • Урок 65. 00:08:55
    Firing Like / Unlike Post Mutations from Client
  • Урок 66. 00:05:17
    Add Logic for Toggling Like / Unlike Post
  • Урок 67. 00:04:52
    Add Like Notification in Profile Tab
  • Урок 68. 00:07:21
    Add typeDef / resolver / query for searchPosts
  • Урок 69. 00:03:49
    Fire searchPosts Action, Log Search Results
  • Урок 70. 00:04:46
    Add searchResults to State, Build Search Result Card
  • Урок 71. 00:06:21
    Finishing Search Results, Making them Functional
  • Урок 72. 00:06:24
    Add User Details Card / Favorites Cards
  • Урок 73. 00:03:41
    Write getUserPosts Query
  • Урок 74. 00:09:10
    Execute getUserPosts Query, Create and Populate User Cards
  • Урок 75. 00:05:38
    Add Edit Post Dialog for Updating User Posts
  • Урок 76. 00:07:32
    Create updateUserPost Mutation
  • Урок 77. 00:13:28
    Executing updateUserPost Mutation with Vuex Action
  • Урок 78. 00:07:26
    deleteUserRecipe Mutation - Backend Creation to Frontend Execution
  • Урок 79. 00:04:19
    RefetchQueries for Fresh Data upon Executing Mutations
  • Урок 80. 00:05:31
    Formatting Dates with moment
  • Урок 81. 00:07:06
    Minor Improvements/Fixes
  • Урок 82. 00:09:51
    Deploying Backend / Frontend with Now

Материалы курса

К этому курсу прилагаются дополнительные материалы. Здесь вы можете скачать их.

Материалы к курсу