GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

graphql

JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

Node.js

This collection of videos teaches you how to use [KeystoneJS](https://v5.keystonejs.com) to build a CRUD-ready GraphQL API, coming with an automatically generated Admin UI. 

Starting with a blank file, we will create an API by:
- defining "Lists" as content types
- adding fields (Select, Text, Checkbox, ...) to our lists
- customising access control to define what users can (and cannot!) do with our API.

In this lesson, we create a todo app via the Keystone 5 CLI, which gives us a GraphQL API with CRUD operation and  powerful filtering mechanisms, as well as a beautiful Admin UI.

Create a "hello world" todo app with Keystone 5

In this lesson, we create a couple of KeystoneJS Lists. We will give the lists a name, which Keystone will use to automatically generate GraphQL queries and mutations. We will then query items and create new items from the GraphQL Playground.

Model your API data with Lists and Fields in KeystoneJS

In this lesson, we see how we can create initial data in our database. Our `keystone` instance has an async `onConnect` method that will run when a successful connection has been made to the database. We hook into that and create new items with `keystone.createItems()`.

Create initial data with the `onConnect` async method in Keystone

In this lesson, we take a list of Dogs created in Keystone, and use the "Select" field type to add a "breed" field for each dog. We look at three different syntaxes to pass a list of options to the Select field, and how they affect the Admin UI.

Create a dropdown list of options with the Select field in Keystone

In this lesson, we create a todo app via the Keystone 5 CLI, which gives us a GraphQL API with CRUD operation and powerful filtering mechanisms, as well as a beautiful Admin UI.

Build a CRUD-ready GraphQL API + Admin UI with KeystoneJS

Simon Vrachliotis

Course Content