GraphQL Full Course – Novice to Expert



Complete course on GraphQL where you will create a full-stack application from scratch using:
– GraphQL server on Node.js
– React front-end (with Apollo)
– MongoDB to store data

Checkout The Net Ninja YouTube Channel for more great tutorials: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg

⭐️ Course Links ⭐️

🔗Course files – https://github.com/iamshaunjp/graphql-playlist (switch branches to access files)
🔗Atom editor – https://atom.io/
🔗CMDER – http://cmder.net/
🔗Node Download – https://nodejs.org/en/

⭐️ Course Contents ⭐️

#1 (0:00)- Introduction to GraphQL
#2 (6:51)- A Birdseye View of GraphQL
#3 (10:59)- Project (stack) Overview
#4 (14:18)- Making Queries (front-end preview)
#5 (20:05)- Express App Setup
#6 (25:41)- Setting up GraphQL
#7 (31:02)- GraphQL Schema
#8 (38:08)- Root Query
#9 (48:20)- The Resolve Function
#10 (53:16)- Testing Queries in Graphiql
#11 (59:49)- GraphQL ID Type
#12 (1:03:36)- Author Type
#13 (1:09:30)- Type Relations
#14 (1:17:41)- GraphQL Lists
#15 (1:25:56)- More on Root Queries
#16 (1:29:39)- Connecting to mLab
#17 (1:35:51)- Mongoose Models
#18 (1:42:53)- Mutations
#19 (1:53:06)- More on Mutations
#20 (1:58:58)- Updating the Resolve Functions
#21 (2:06:45)- GraphQL NonNull
#22 (2:12:20)- Adding a Front-end
#23 (2:15:50)- Create React App
#24 (2:24:18)- Book List Component
#25 (2:27:55)- Apollo Client Setup
#26 (2:34:47)- Making Queries from React
#27 (2:42:26)- Rendering Data in a Component
#28 (2:49:23)- Add Book Component
#29 (2:59:41)- External Query File
#30 (3:04:12)- Updating Component State
#31 (3:12:35)- Composing Queries
#32 (3:24:48)- Query variables
#33 (3:31:05)- Re-fetching Queries
#34 (3:35:11)- Book Details Component
#35 (3:42:47)- Making a Single Query
#36 (3:54:13)- Styling the App

source

Tags: , , , , , , , , , , , , ,

This Post Has 19 Comments

  1. Paul Barton 04/10/2021 Reply

    Is this not n+1 ? When querying for books with author name?

  2. Shreyansh Shrey 05/10/2021 Reply

    Holly molly, completed the 4hr video in one go… Usefull stufff!!!!!

  5. David Bedoya 18/11/2021 Reply

    at 55:28 when we use graphiql= true, it suppose to open the tool in the browser. Anyways it is not working for me. anyone else with this problem?

  8. Hardik Mehta 09/01/2022 Reply

    Superb Video, Thank you, buddy, way you explained each step was awesome!

  9. AveN7ers 13/02/2022 Reply

    Is this still relevant? I love netninja

  10. Dani Baba 22/02/2022 Reply

    Hey bro, I have a question. What if you want custom types for the GraphQL query? For example if I want a date or a JSON object, how can I do this? I've search online but I can't find anything for node…

  12. Devesh Korde 08/03/2022 Reply

    So, I have a doubt.. When we define args for the root query, are all args required to be passed when called or, its okay to pass some of them ?

  14. Malik Lanlokun 15/04/2022 Reply

    If you are facing props undefined issue when logging the props to the console in 2:40:10 , i was able to fix it by passing the props to the functional component and then calling it directly without the this keyword, like this function BookList(props){ console.log(props) } , this is how props are accessed in functional components.

  16. Krish Sharma 03/05/2022 Reply

    app.use(cors()); is not working, i am unable to attach the front with backend.

  17. Dhiraj Gede 08/05/2022 Reply

    Here at 28:41 as graphqlHTTP is a function, initialize it as
    const {graphqlHTTP} = require('express-graphql'); Instead of
    const graphqlHTTP = require('express-graphql');

  18. Focus Goal 09/05/2022 Reply

    is it still relevant after four years of upload? does it have any deprecation changes?

  19. Asif Mohammad 16/05/2022 Reply

    6:54 this is awesome how you divided all of the lessons branch-wise. Where can I learn it from? It would be very kind if anyone could suggest me a resource to this git command. Thanks !!

Leave a Reply