Chapters (36)
- 0:00Introduction to GraphQL
- 6:51A Birdseye View of GraphQL
- 10:59Project (stack) Overview
- 14:18Making Queries (front-end preview)
- 20:05Express App Setup
- 25:41Setting up GraphQL
- 31:02GraphQL Schema
- 38:08Root Query
- 48:20The Resolve Function
- 53:16Testing Queries in Graphiql
- 59:49GraphQL ID Type
- 1:03:36Author Type
- 1:09:30Type Relations
- 1:17:41GraphQL Lists
- 1:25:56More on Root Queries
- 1:29:39Connecting to mLab
- 1:35:51Mongoose Models
- 1:42:53Mutations
- 1:53:06More on Mutations
- 1:58:58Updating the Resolve Functions
- 2:06:45GraphQL NonNull
- 2:12:20Adding a Front-end
- 2:15:50Create React App
- 2:24:18Book List Component
- 2:27:55Apollo Client Setup
- 2:34:47Making Queries from React
- 2:42:26Rendering Data in a Component
- 2:49:23Add Book Component
- 2:59:41External Query File
- 3:04:12Updating Component State
- 3:12:35Composing Queries
- 3:24:48Query variables
- 3:31:05Re-fetching Queries
- 3:35:11Book Details Component
- 3:42:47Making a Single Query
- 3:54:13Styling the App
Show the creator's full description
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/
❤️ Try interactive Databases courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Databases (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.