Si la base de données Airtable est très utilisée par les no-coders, elle met également à disposition pour nous, développeuses et développeurs, une API REST qui nous permet de facilement la requêter à l'aide de requêtes HTTP.
L'API d'Airtable étant particulièrement bien documentée, il aurait été dommage de passer à côté.
Le tout permettant de visualiser ses données de diverses façons.
Au programme de ce cours Airtable pour les développeurs, par la pratique
- créer une base de données Airtable,
- créer une table avec différents type de champs,
- utiliser l'API d'Airtable,
- faire du CRUD depuis un client JavaScript vers l'API d'Airtable.
- détourner le clic droit afin de proposer l'édition de records Airtable,
- d'utiliser la librairie Tabulator.js afin de présenter les données d'Airtable, paginer, trier,
- d'utiliser Alertify afin de communiquer avec vos utilisateurs,
- de cloner des éléments du DOM afin d'éviter de répéter du code.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Table des matières de cette formation Airtable, JavaScript (durée : 4h03m)
-
Introduction
- Démo 00:01:47
- Créer une base de données et une table dans Airtable 00:10:03
- Créer notre application cliente 00:03:54
-
Utiliser l'API d'Airtable pour lire des données en base
- Faire un GET des films se trouvant sur Airtable 00:18:09
- Création et exportation d'un fichier de fonctions utilitaires 00:07:14
- Afficher les films 00:11:50
- Styliser à l'aide d'une CSS et de Google Fonts 00:03:16
-
Poster du contenu dans Airtable
- Utiliser la vue "form" et son iframe afin d'insérer un formulaire généré automatiquement 00:06:42
- Styliser avec Flexbox afin d'aligner les éléments 00:02:32
- Créer un formulaire de création de film et le styliser 00:16:16
- Récupérer les données saisies dans le formulaire 00:10:00
- Créer un film en faisant un POST vers l'API d'Airtable 00:20:29
- Refactoriser toutes les interactions avec la base de données dans un fichier dédié 00:15:15
- Trier par années décroissantes (by year desc) 00:03:30
-
Présenter les données sous forme de grille grâce à Tabulator
- Installation et configuration de Tabulator 00:12:26
- Créer un fichier dédié aux divers langues de Tabulator 00:09:30
-
Supprimer des données de Airtable
- Supprimer un film en faisant un DELETE vers l'API d'Airtable 00:11:45
- AlertifyJS pour créer des popups en réponse à des custom events émis par Tabulator 00:09:23
- Créer une media query pour agrandir le formulaire sur les petits devices 00:04:05
-
Gérer le menu contextuel
- Gérer le click droit avec Tabulator et en vanilla JavaScript 00:05:36
-
Modifier du contenu d'Airtable
- Clôner des éléments du DOM afin de dupliquer un formulaire 00:19:22
- Finaliser la dialog Alertify 00:09:23
- Effectuer un PATCH afin de mettre à jour un film présent en base 00:21:44
-
Finalisation
- Fermer la popup Alertify programmatiquement 00:03:06
- Créer une relation entre deux tables Airtable 00:06:01
- Fichiers sourcestélécharger
- Certificat
Formateur : Codeconcept
-
Excellent tuto permettant de mieux appréhender le no-code avec le code. Survol de certaines librairies js sympa. Très bien
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
A qui est destinée cette formation ?Aux développeuses et développeurs qui souhaitent apprendre à utiliser l'API d'Airtable afin de pouvoir utiliser Airtable comme une base de données en plus de l'utiliser comme un outil "no code"
-
Cette formation va-t-elle me faire progresser en JavaScript en plus d'Airtable ?Oui car nous verrons ensemble comment détourner le click droit, comment cloner des éléments du DOM, comment faire collaborer diverses librairies, comment architecturer un projet JavaScript pour le rendre facilement maintenable.
note moyenne
avis laissé