[Udemy] - Udemy - Full-Stack Vue with GraphQL - The Ultimate Guid...

  • Category Other
  • Type Tutorials
  • Language English
  • Total size 5.0 GB
  • Uploaded By abia9220
  • Downloads 242
  • Last checked 1 week ago
  • Date uploaded 6 years ago
  • Seeders 4
  • Leechers 0

Infohash : 5A5A1DB0CA6216671AE409632370236A7DE0CF12



Full-Stack Vue with GraphQL - The Ultimate Guide



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

Download For More Latest Courses Visit >>> Getnewcourses


Requirements
A basic familiarity with Vue
A basic understanding of ES6 JavaScript will help, but it's not required

Download Udemy Courses For Free

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

Interested in building next-level apps with Vue and GraphQL? Look no further than this course!

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 reing queries

Udemy courses free download

Error handling with Apollo Server 2 with the new AuthorizationError and formatErrors 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

And more...

freetutorials

What will we be building? What is the course based on?

This entire course within the context of a practical application that we will build literally from the first line of code to live deployment on the web.

We'll be building an image-sharing social application called VueShare, similar to that of Pinterest or Instagram. Authenticated users of our app will be able to like and unlike, share, comment on, search for, edit, and delete image-related posts.

How does the course develop as we go along?

In the beginning of the course, we'll cover the basic GraphQL / Apollo concepts that we need to get started, then dive into building our app. We'll build out our backend, cover creating a GraphQL server and database (hosted by MongoDB Atlas), and how to write resolver functions with MongoDB. Then we'll move over to the frontend, create our Vue app and connect it with our backend, develop an interface and build client-side functionality with Vue, Vuetify, and Vue Apollo / Vuex. We'll learn how to write and execute queries and mutations using Apollo to our backend to get and modify what we need. Once we cover and integrate all the essential features of our application (listed above), we'll move on to deploying our app to the web. After deployment, for those who want to stick around and make their app truly production-ready, we'll cover a number of cool features to make our app more functional, attractive and reliable.

I wanted to make this course as comprehensive as I could, but also give you the fast track to learning new technologies in an engaging way. GraphQL is an exciting new technology in the web development community and new Apollo releases such as Apollo Server 2 and Apollo Boost have made working with GraphQL easier than ever.

There's never been a better time to start working with GraphQL, especially as a JavaScript developer. Join me and let's get started!

Who this course is for:
Anyone who wants to learn how to build full-stack applications with Vue and GraphQL!

Latest Paid Courses For Free Visit>>> Freecourseit

Files:

Udemy - Full-Stack Vue with GraphQL - The Ultimate Guide 1. Introduction
  • 1. Preview our Completed App.mp4 (238.2 MB)
  • 3. Formatting Vue Templates (And More) with VS Code.mp4 (43.2 MB)
  • 2. Tools UsedRequired.mp4 (30.0 MB)
  • 1. Preview our Completed App.vtt (21.1 KB)
  • 3. Formatting Vue Templates (And More) with VS Code.vtt (6.2 KB)
  • 2. Tools UsedRequired.vtt (4.4 KB)
  • 3.1 settings.json.json (0.3 KB)
  • ReadMe.txt (0.2 KB)
10. Add Post Infinite Scroll Components
  • 3. Update and Optimistic Response for addPost Mutation.mp4 (129.0 MB)
  • 2. Create and Execute addPost Action Mutation.mp4 (95.0 MB)
  • 6. Add Grid Layout Cards for Each Post in Posts Component.mp4 (89.8 MB)
  • 5. Add Infinite Scroll Functionality on Client.mp4 (81.2 MB)
  • 1. Make Add Post Form.mp4 (73.3 MB)
  • 4. Infinite Scroll on Posts Page; Add typeDef, Resolver, and Query.mp4 (62.8 MB)
  • 6.1 Add Grid Layout Cards for Each Post in Posts Component.zip.zip (149.3 KB)
  • 3.1 Update and Optimistic Response for addPost Mutation.zip.zip (149.2 KB)
  • 1.1 Make Add Post Form.zip.zip (148.7 KB)
  • 5. Add Infinite Scroll Functionality on Client.vtt (11.0 KB)
  • 3. Update and Optimistic Response for addPost Mutation.vtt (11.0 KB)
  • 6. Add Grid Layout Cards for Each Post in Posts Component.vtt (9.9 KB)
  • 2. Create and Execute addPost Action Mutation.vtt (9.5 KB)
  • 1. Make Add Post Form.vtt (8.2 KB)
  • 4. Infinite Scroll on Posts Page; Add typeDef, Resolver, and Query.vtt (7.6 KB)
11. Post Component
  • 6. Perform addPostMessage in Post Component.mp4 (91.8 MB)
  • 3. Build out Post Card in Post Component.mp4 (73.8 MB)
  • 5. Create addPostMessage Mutation.mp4 (59.6 MB)
  • 7. Add Validation for Message Input, Clear on Submit.mp4 (53.1 MB)
  • 2. Create and Execute getPost Query.mp4 (51.6 MB)
  • 4. Add Messages Section to Post Component.mp4 (48.7 MB)
  • 1. Create Post Component and Route.mp4 (36.3 MB)
  • 6.1 Performs addPostMessage in Post Component.zip.zip (151.5 KB)
  • 4.1 Add Messages Section to Post Component.zip.zip (151.0 KB)
  • 6. Perform addPostMessage in Post Component.vtt (7.5 KB)
  • 3. Build out Post Card in Post Component.vtt (7.2 KB)
  • 2. Create and Execute getPost Query.vtt (5.6 KB)
  • 5. Create addPostMessage Mutation.vtt (5.5 KB)
  • 4. Add Messages Section to Post Component.vtt (5.3 KB)
  • 1. Create Post Component and Route.vtt (4.6 KB)
  • 7. Add Validation for Message Input, Clear on Submit.vtt (4.6 KB)
12. Like Unlike Post
  • 2. Firing Like Unlike Post Mutations from Client.mp4 (105.4 MB)
  • 1. Create typeDefs resolvers queries for Like Unlike.mp4 (71.4 MB)
  • 3. Add Logic for Toggling Like Unlike Post.mp4 (58.0 MB)
  • 4. Add Like Notification in Profile Tab.mp4 (48.5 MB)
  • 4.1 Add Like Notification in Profile Tab.zip.zip (152.6 KB)
  • 3.1 Add Logic for Toggling Like Unlike Post.zip.zip (152.3 KB)
  • 1.1 Create typeDefsresolversqueries for Like Unlike.zip.zip (152.0 KB)
  • 2. Firing Like Unlike Post Mutations from Client.vtt (7.7 KB)
  • 1. Create typeDefs resolvers queries for Like Unlike.vtt (6.1 KB)
  • 3. Add Logic for Toggling Like Unlike Post.vtt (5.1 KB)
  • 4. Add Like Notification in Profile Tab.vtt (4.3 KB)
13. Search Posts
  • 4. Finishing Search Results, Making them Functional.mp4 (70.9 MB)
  • 1. Add typeDef resolver query for searchPosts.mp4 (60.9 MB)
  • 3. Add searchResults to State, Build Search Result Card.mp4 (58.2 MB)
  • 2. Fire searchPosts Action, Log Search Results.mp4 (49.1 MB)
  • 4.1 Finishing Search Results, Making them Functional.zip.zip (153.4 KB)
  • 2.1 Fire searchPosts Action, Log Search Results.zip.zip (152.9 KB)
  • 1. Add typeDef resolver query for searchPosts.vtt (6.4 KB)
  • 4. Finishing Search Results, Making them Functional.vtt (6.2 KB)
  • 3. Add searchResults to State, Build Search Result Card.vtt (4.5 KB)
  • 2. Fire searchPosts Action, Log Search Results.vtt (3.3 KB)
14. Profile Page, Update Delete Posts
  • 6. Executing updateUserPost Mutation with Vuex Action.mp4 (143.3 MB)
  • 3. Execute getUserPosts Query, Create and Populate User Cards.mp4 (91.4 MB)
  • 7. deleteUserRecipe Mutation - Backend Creation to Frontend Execution.mp4 (74.3 MB)
  • 5. Create updateUserPost Mutation.mp4 (66.3 MB)
  • 4. Add Edit Post Dialog for Updating User Posts.mp4 (62.6 MB)
  • 1. Add User Details Card Favorites Cards.mp4 (47.5 MB)
  • 2. Write getUserPosts Query.mp4 (33.0 MB)
  • 7.1 deleteUserRecipe Mutation - Backend Creation to Frontend Execution.zip.zip (155.5 KB)
  • 6.1 Executing updateUserPost Mutation with Vuex Action.zip.zip (155.4 KB)
  • 4.1 Add Edit Post Dialog for Updating User Posts.zip.zip (155.0 KB)
  • 3.1 Execute getUserPosts Query, Create and Populate User Cards.zip.zip (154.3 KB)
  • 1.1 Add User Details Card Favorites Cards.zip.zip (153.9 KB)
  • 6. Executing updateUserPost Mutation with Vuex Action.vtt (12.5 KB)
  • 3. Execute getUserPosts Query, Create and Populate User Cards.vtt (7.3 KB)
  • 7. deleteUserRecipe Mutation - Backend Creation to Frontend Execution.vtt (6.8 KB)
  • 1. Add User Details Card Favorites Cards.vtt (6.2 KB)
  • 4. Add Edit Post Dialog for Updating User Posts.vtt (5.5 KB)
  • 5. Create updateUserPost Mutation.vtt (5.3 KB)
  • 2. Write getUserPosts Query.vtt (2.7 KB)
15. Preparing for Deployment
  • 3. Minor ImprovementsFixes.mp4 (92.0 MB)
  • 2. Formatting Dates with moment.mp4 (58.9 MB)
  • 1. ReQueries for Fresh Data upon Executing Mutations.mp4 (45.9 MB)
  • 2.1 Formatting Dates with moment.zip.zip (155.8 KB)
  • 1.1 ReQueries for Fresh Data upon Executing Mutations.zip.zip (155.6 KB)
  • 3. Minor ImprovementsFixes.vtt (7.0 KB)
  • 2. Formatting Dates with moment.vtt (4.9 KB)
  • 1. ReQueries for Fresh Data upon Executing Mutations.vtt (4.0 KB)
16. Deployment with Heroku Now v2
  • 1. Deploying App with Heroku Now v2.mp4 (80.4 MB)
  • 1.2 Deploying App with Heroku Now v2.zip.zip (578.7 KB)
  • 1. Deploying App with Heroku Now v2.vtt (13.4 KB)
  • 1.1 now.json.html (0.1 KB)
17. BONUS
  • 1. Bonus Lecture.mp4 (6.2 MB)
  • 1. Bonus Lecture.vtt (0.6 KB)
  • 1.1 Become a Subscriber CodeArtistry.html (0.1 KB)
2
  • 1. What is GraphQL Using the SWAPI GraphQL API.mp4 (118.2 MB)
  • 2. What is Apollo.mp4 (19.0 MB)
  • 1. What is GraphQL Using the SWAPI GraphQL API.vtt (21.5 KB)
  • 2. What is Apollo.vtt (3.1 KB)
3. Intro to Apollo Server 2, Queries, Mutations and GraphQL Playground
  • 2. Initializing Apollo Server 2 (Optional).mp4 (76.8 MB)
  • 1. Git Clone and Install Dependencies (Required).mp4 (30.6 MB)
  • 5. Exploring GraphQL Playground.mp4 (15.4 MB)
  • 4.1 Writing and Running First Mutation in GraphiQL (Optional).zip.zip (37.0 KB)
  • 2. Initializing Apollo Server 2 (Optional).vtt (6.3 KB)
  • 5. Exploring GraphQL Playground.vtt (4.2 KB)
  • 1. Git Clone and Install Dependencies (Required).vtt (2.6 KB)
4. Connect to MLab Database, Create Mongoose Models and GraphQL TypeDefs
  • 3. Creating Mongoose Schemas.mp4 (76.9 MB)
  • 5. Write and Run signupUser Mutation.mp4 (56.6 MB)
  • 1. Create MongoDB Atlas Database, Connect to GraphQL Server.mp4 (53.4 MB)
  • 7. Write and Run getPosts Query, Intro to populate.mp4 (50.8 MB)
  • 4. Creating typeDefs for Project.mp4 (49.4 MB)
  • 6. Write and Run addPost Mutation.mp4 (47.0 MB)
  • 2. Update! Connecting to MongoDB Atlas instead of MLab.mp4 (29.0 MB)
  • 7.1 Write and Run getPosts Query, Intro to .populate.zip.zip (39.8 KB)
  • 6.1 Write and Run addPost Mutation.zip.zip (38.5 KB)
  • 4.1 Creating typeDefs for Project.zip.zip (37.9 KB)
  • 3.1 Creating Mongoose Schemas.zip.zip (37.6 KB)
  • 5. Write and Run signupUser Mutation.vtt (10.7 KB)
  • 3. Creating Mongoose Schemas.vtt (10.6 KB)
  • 4. Creating typeDefs for Project.vtt (7.6 KB)
  • 1. Create MongoDB Atlas Database, Connect to GraphQL Server.vtt (7.3 KB)
  • 7. Write and Run getPosts Query, Intro to populate.vtt (7.2 KB)
  • 6. Write and Run addPost Mutation.vtt (6.9 KB)
  • 2. Update! Connecting to MongoDB Atlas instead of MLab.vtt (4.0 KB)
5. Create Vue Frontend with Vue CLI 3
  • 4. Installing Vuetify Plugin and Generating a Theme.mp4 (83.1 MB)
  • 6. Horizontal Navbar and Mobile First Design.mp4 (68.5 MB)
  • 7. Add Side Navbar.mp4 (61.5 MB)
  • 8. Add Routing and Page Transitions.mp4 (60.7 MB)
  • 1. Create Vue Client with Vue-CLI 3.mp4 (60.0 MB)
  • 2. Adding Plugins with Vue GUI and Concurrently Dev Script.mp4 (30.5 MB)
  • 3. Structuring our Vue App.vtt (25.3 MB)
  • 3. Structuring our Vue App.mp4 (25.2 MB)
  • 5. Coolors.co for Creating Great Color Schemes (Optional).mp4 (23.3 MB)
  • 2.1 Adding Plugins with Vue GUI and Concurrently Dev Script.zip.zip (143.0 KB)
  • 8.1 Add Routing and Page Transitions.zip.zip (137.1 KB)
  • 6.1 Horizontal Navbar and Mobile First Design.zip.zip (136.1 KB)
  • 7.1 Add Side Navbar.zip.zip (135.1 KB)
  • 3.1 Structuring our Vue App.zip.zip (134.6 KB)
  • 6. Horizontal Navbar and Mobile First Design.vtt (12.9 KB)
  • 4. Installing Vuetify Plugin and Generating a Theme.vtt (11.4 KB)
  • 8. Add Routing and Page Transitions.vtt (8.9 KB)
  • 1. Create Vue Client with Vue-CLI 3.vtt (8.1 KB)
  • 7. Add Side Navbar.vtt (8.1 KB)
  • 5. Coolors.co for Creating Great Color Schemes (Optional).vtt (4.7 KB)
  • 2. Adding Plugins with Vue GUI and Concurrently Dev Script.vtt (3.9 KB)
  • 4.1 data.json.json (2.5 KB)
6. Using Vue Apollo
  • 1. Setting up Apollo Client Vue Apollo, Firing getPosts Query from Client.mp4 (58.9 MB)
  • 2. Dive into Smart Queries in Vue Components.mp4 (44.8 MB)
  • 3. Executing Queries with the ApolloQuery Component.mp4 (37.0 MB)
  • 4. Add Carousel Component to Home Page.mp4 (31.4 MB)
  • 4.1 Add Carousel Component to Home Page.zip.zip (141.2 KB)
  • 1.1 Setting up Apollo Client Vue Apollo, Firing getPosts Query from Client.zip.zip (141.0 KB)
  • 1. Setting up Apollo Client Vue Apollo, Firing getPosts Query from Client.vtt (9.3 KB)
  • 2. Dive into Smart Queries in Vue Components.vtt (7.1 KB)
  • 3. Executing Queries with the ApolloQuery Component.vtt (5.1 KB)
  • 4. Add Carousel Component to Home Page.vtt (3.9 KB)
7. Integrate Vuex with ApolloClient
  • 2. Using Mutations and Getters.mp4 (56.3 MB)
  • 3. Add Loading Property, Loading Spinner and mapGetters.mp4 (54.4 MB)
  • 1. Firing getPosts Action with Vuex.mp4 (43.0 MB)
  • 4. Create queries.js for Clientside Query Mutation Definitions.mp4 (26.3 MB)
  • 4.1 Create queries.js for Clientside Query Mutation Definitions.zip.zip (140.7 KB)
  • 3.1 Add Loading Property, Loading Spinner and mapGetters.zip.zip (140.4 KB)
  • 2.1 Using Mutations and Getters.zip.zip (140.3 KB)
  • 1.1 Firing getPosts Action with Vuex.zip.zip (140.1 KB)
  • 2. Using Mutations and Getters.vtt (7.7 KB)
  • 1. Firing getPosts Action with Vuex.vtt (7.0 KB)
  • 3. Add Loading Property, Loading Spinner and mapGetters.vtt (5.8 KB)
  • 4. Create queries.js for Clientside Query Mutation Definitions.vtt (3.1 KB)
8. JWT Authentication for Signin Signup
  • 10. Change Navbar for Signed-in User.mp4 (86.2 MB)
  • 8. Create getCurrentUser Query, Execute it from main.js?1768698547952.mp4 (75.4 MB)
  • 9. Redirect Home upon Signin with Watcher.mp4 (66.8 MB)
  • 5. Add Signin Form, Write and Run signinUser Action, Return JWT.mp4 (62.7 MB)
  • 11. Create Signout Action.mp4 (61.6 MB)
  • 6. Additional Config for ApolloClient, Send Token from LocalStorage.mp4 (58.5 MB)
  • 7. Verify JWT Token in server.js, Pass Result to currentUser in Context.mp4 (56.4 MB)
  • 3. Sign Token and Return it Upon SigninSignup.mp4 (55.9 MB)
  • 1. Create Gravatar Avatar and Hash User Passwords on Signup.mp4 (51.0 MB)
  • 2. Write and Run signinUser Mutation.mp4 (38.6 MB)
  • 12. Protected Routes and Clearing Malformed Tokens.mp4 (36.2 MB)
  • 4. Using Variables in GraphQL, Signin Signup Mutation Defs.mp4 (27.9 MB)
  • 12.1 Protected Routes and Clearing Malformed Tokens.zip.zip (143.4 KB)
  • 11.1 Create Signout Action.zip.zip (143.1 KB)
  • 10.1 Change Navbar for Signed in User.zip.zip (142.9 KB)
  • 6.1 Additional Config for ApolloClient, Send Token from LocalStorage.zip.zip (142.0 KB)
  • 4.1 Using Variables in GraphQL, Signin Signup Mutation Defs.zip.zip (141.2 KB)
  • 8. Create getCurrentUser Query, Execute it from main.js?1768698547952.vtt (8.6 KB)
  • 5. Add Signin Form, Write and Run signinUser Action, Return JWT.vtt (8.5 KB)
  • 10. Change Navbar for Signed-in User.vtt (8.2 KB)
  • 3. Sign Token and Return it Upon SigninSignup.vtt (8.1 KB)
  • 1. Create Gravatar Avatar and Hash User Passwords on Signup.vtt (7.9 KB)
  • 6. Additional Config for ApolloClient, Send Token from LocalStorage.vtt (7.6 KB)
  • 9. Redirect Home upon Signin with Watcher.vtt (7.3 KB)
  • 7. Verify JWT Token in server.js, Pass Result to currentUser in Context.vtt (7.2 KB)
  • 11. Create Signout Action.vtt (6.6 KB)
  • 4. Using Variables in GraphQL, Signin Signup Mutation Defs.vtt (5.9 KB)
  • 12. Protected Routes and Clearing Malformed Tokens.vtt (5.7 KB)
  • 2. Write and Run signinUser Mutation.vtt (5.5 KB)
9. Error Handling and Form Validation
  • 6. Create Signup Form and Signup User Action.mp4 (106.5 MB)
  • 5. Handle Authentication Errors, Show Auth Error Snackbar.mp4 (90.9 MB)
  • 1. Adding Global Form Alert Component.mp4 (70.7 MB)
  • 3. Form Validation with Vuetify in Signin Component.mp4 (58.2 MB)
  • 4. Show AuthSnackbar on Signin Signup.mp4 (46.2 MB)
  • 2. Add Loading Spinner to Signin Button.mp4 (35.0 MB)
  • 3.1 Form Validation with Vuetify in Signin Component.zip.zip (147.3 KB)
  • 6.1 Create Signup Form and Signup User Action.zip.zip (146.8 KB)
  • 5.1 Handle Authentication Errors, Show Auth Error Snackbar.zip.zip (145.8 KB)
  • 4.1 Show AuthSnackbar on Signin Signup.zip.zip (145.8 KB)
  • 6. Create Signup Form and Signup User Action.vtt (10.4 KB)
  • 5. Handle Authentication Errors, Show Auth Error Snackbar.vtt (8.5 KB)
  • 1. Adding Global Form Alert Component.vtt (8.4 KB)
  • 3. Form Validation with Vuetify in Signin Component.vtt (7.4 KB)
  • 4. Show AuthSnackbar on Signin Signup.vtt (4.7 KB)
  • 2. Add Loading Spinner to Signin Button.vtt (3.1 KB)
  • Visit Getnewcourses.com.url (0.3 KB)
  • Visit Freecourseit.com.url (0.3 KB)
  • ReadMe.txt (0.2 KB)

There are currently no comments. Feel free to leave one :)

Code:

  • udp://tracker.openbittorrent.com:80/announce
  • udp://tracker.leechers-paradise.org:6969/announce
  • udp://eddie4.nl:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://tracker.coppersurfer.tk:6969/announce
  • udp://tracker.leechers-paradise.org:6969/announce
  • udp://9.rarbg.to:2790/announce
  • udp://tracker.pirateparty.gr:6969/announce
  • udp://tracker.internetwarriors.net:1337/announce
  • udp://9.rarbg.com:2790/announce
  • udp://9.rarbg.me:2730/announce
  • udp://denis.stalker.upeer.me:6969/announce
  • udp://open.demonii.si:1337/announce
REVERSE-PROXY 🔄 RP (success) | 7049ms 📄 torrent 🕐 17 Jan 2026, 06:39:15 am IST ⏰ 11 Feb 2026, 06:39:15 am IST ✅ Valid for 24d 23h 🔄 Wait 10m