Videocorso GraphQL CGFA

Chiedere ai server solo i dati che servono: schema, query, mutation e un server completo con Node.js

Partenza: Base
11 ore con gli esercizi
10 lezioni in 3 livelli
2 lezioni gratis

Inizia la prima lezione Sblocca il corso

A chi serve

Sviluppatori web e di app che conoscono già le basi di JavaScript e di cosa sia un'API, e vogliono costruire o usare API moderne

Cosa serve per iniziare

Basi di JavaScript (variabili, funzioni, oggetti, array)
Sapere a grandi linee cosa sono un server e un'API
Node.js installato per la parte sul server (versione LTS da nodejs.org)

Cosa installare

Node.js (versione LTS)Si scarica gratis da nodejs.org; serve per creare il server GraphQL e include il comando npm

GraphiQL / GraphQL YogaGraphiQL è l'editor per scrivere e provare le query nel browser; il server di esempio del corso (GraphQL Yoga) lo mostra da solo visitando /graphql

Visual Studio CodeEditor gratuito da code.visualstudio.com; l'estensione "GraphQL: Language Feature Support" colora e controlla schema e query

A cosa ti serve

Sviluppatore back-end e full-stack di API moderne
Sviluppatore front-end e mobile che usa API GraphQL (Shopify, GitHub e molte aziende le offrono)
Integrazione tra servizi e gestionali in azienda
Architetto di API per prodotti con tanti client (sito, app, gestionale)

Programma del corso

10 lezioni in 3 livelli. Ogni lezione: video, spiegazione, codice da copiare o provare, esercizio con soluzione e quiz.

Base

Capire GraphQL, scrivere query e leggere uno schema

1Cos'è GraphQL e perché si usaCapire che cos'è GraphQL, in cosa differisce da un'API REST e come arriva una risposta.Gratis20 min 2Scrivere le query: campi, argomenti e aliasScrivere query con campi annidati, argomenti, alias e nome di operazione.Gratis25 min 3Lo schema: tipi, liste e obbligatorietàLeggere e scrivere uno schema in SDL, con tipi oggetto, scalari, enum, liste e il punto esclamativo.30 min 4Variabili, fragment e direttiveRendere le query riutilizzabili con variabili, fragment e le direttive @include e @skip.30 min

Intermedio

Mutation, tipi avanzati, paginazione e il primo server

1Modificare i dati: mutation e inputScrivere mutation per creare, modificare e cancellare dati, con tipi input e risposte ben progettate.35 min 2Interfacce, union e paginazioneModellare tipi collegati con interface e union e restituire elenchi lunghi a pagine.35 min 3Il tuo primo server con Node.jsCreare un server GraphQL funzionante con Node.js e GraphQL Yoga, con schema e resolver.40 min

Avanzato

Resolver avanzati, sicurezza e client in produzione

1Resolver avanzati: relazioni, DataLoader ed erroriCollegare i tipi tra loro, evitare il problema N+1 con DataLoader e gestire gli errori.40 min 2Sicurezza e prestazioniProteggere un server GraphQL: autenticazione, autorizzazione, limiti di profondità e di costo, e cache.40 min 3Usare GraphQL dal client e andare in produzioneChiamare GraphQL da JavaScript, scegliere un client, far evolvere lo schema senza rompere le app e conoscere subscription e federazione.40 min

Progetto finale: L'API del catalogo della bottega

Costruisci un server GraphQL completo per una bottega partenopea: schema con prodotti, categorie e fornitori, query con filtro e paginazione, mutation protette da una chiave, DataLoader per i fornitori e un piccolo client in JavaScript che mostra l'elenco.

I passi

Crea la cartella, esegui npm init -y, aggiungi "type": "module" e installa graphql, graphql-yoga e dataloader.
Scrivi lo schema: Categoria (enum), Fornitore, Prodotto con relazione al fornitore e Query con filtro e paginazione.
Aggiungi i tipi input e le mutation aggiungiProdotto e cambiaPrezzo.
Scrivi i resolver, con un massimo di 50 per il parametro primi.
Aggiungi un DataLoader per i fornitori, creato nel contesto a ogni richiesta.
Proteggi le mutation: leggi l'intestazione authorization e rifiuta con un GraphQLError se la chiave non è corretta.
Prova tutto in GraphiQL su localhost:4000/graphql, poi scrivi client.js con fetch che mostra nome e prezzo dei prodotti.

Esame e attestato

Alla fine del corso fai l'esame: 15 domande, serve il 75% di risposte giuste. Superato l'esame ottieni l'attestato stampabile con nome, ore, punteggio e un codice di controllo che chiunque può verificare.

Vai all'esame

Glossario di GraphQL

GraphQL: Un linguaggio per chiedere ai server esattamente i dati che servono, con un solo indirizzo.
Schema: L'elenco dei tipi e dei campi disponibili: il contratto tra client e server.
SDL: Il linguaggio con cui si scrive lo schema, con type, enum, input e interface.
Query: Una richiesta di lettura dei dati.
Mutation: Una richiesta che crea, cambia o cancella dei dati.
Campo: Una singola informazione che si può chiedere, come nome o prezzo.
Resolver: La funzione che sa come trovare il valore di un campo.
Variabile: Un valore mandato a parte rispetto al testo della query, con il dollaro davanti.
Fragment: Un gruppo di campi con un nome, riutilizzabile in più query.
Scalare: Un tipo semplice di base: Int, Float, String, Boolean o ID.
Subscription: Un'operazione che manda al client eventi in tempo reale.
DataLoader: Un aiuto che raggruppa tante richieste simili in una sola per evitare il problema N+1.

Le prime 2 lezioni sono gratis

Per il corso completo, scuole e aziende: chiedi le condizioni.

Inizia ora Richiedi maggiori informazioni