Airtable pour les développeurs, par la pratique !
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Airtable pour les développeurs, par la pratique !

Codeconcept
49,00€
3 paiements de 16,33€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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é.

Pourquoi consacrer temps et énergie à à Airtable ? Car Airtable est un produit très intéressant, au croisement d'un tableur, d'une base de données et d'un calendrier.
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

Dans cette formation Airtable en ligne orientée pratique, vous découvrirez comment :
  • 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.
 
Prenez la vague du no-code avec maestria. Qui peut le plus peut le moins : aussi, en tant que codeuse ou codeur, vous maîtrisez déjà tous les concepts avec lesquels les no-coders doivent batailler et vous pouvez ainsi très facilement monter en compétences sur les produits prisés dans l'univers du no-code et du low-code.
 
Ce cours vidéo sera en outre l'occasion de vous perfectionner en JavaScript. Notamment :
  • 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.

Prenez la vaque du no-code mieux que les no-coders grâce à votre expérience en programmation et à cette formation "Airtable par la pratique" 😉

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Utiliser l'API d'Airtable pour lire des données en base
Chapitre 3
Poster du contenu dans Airtable
Chapitre 4
Présenter les données sous forme de grille grâce à Tabulator
Chapitre 5
Supprimer des données de Airtable
Chapitre 6
Gérer le menu contextuel
Chapitre 7
Modifier du contenu d'Airtable

Plan détaillé du cours

Chapitre 1 : Introduction
15m44s
 
Leçon 1Démo
Leçon 2Créer une base de données et une table dans Airtable
Leçon 3Créer notre application cliente
Chapitre 2 : Utiliser l'API d'Airtable pour lire des données en base
40m29s
 
Leçon 1Faire un GET des films se trouvant sur Airtable
Leçon 2Création et exportation d'un fichier de fonctions utilitaires
Leçon 3Afficher les films
Leçon 4Styliser à l'aide d'une CSS et de Google Fonts
Chapitre 3 : Poster du contenu dans Airtable
1h14m
 
Leçon 1Utiliser la vue "form" et son iframe afin d'insérer un formulaire généré automatiquement
Leçon 2Styliser avec Flexbox afin d'aligner les éléments
Leçon 3Créer un formulaire de création de film et le styliser
Leçon 4Récupérer les données saisies dans le formulaire
Leçon 5Créer un film en faisant un POST vers l'API d'Airtable
Leçon 6Refactoriser toutes les interactions avec la base de données dans un fichier dédié
Leçon 7Trier par années décroissantes (by year desc)
Chapitre 4 : Présenter les données sous forme de grille grâce à Tabulator
21m56s
 
Leçon 1Installation et configuration de Tabulator
Leçon 2Créer un fichier dédié aux divers langues de Tabulator
Chapitre 5 : Supprimer des données de Airtable
25m13s
 
Leçon 1Supprimer un film en faisant un DELETE vers l'API d'Airtable
Leçon 2AlertifyJS pour créer des popups en réponse à des custom events émis par Tabulator
Leçon 3Créer une media query pour agrandir le formulaire sur les petits devices
Chapitre 6 : Gérer le menu contextuel
05m36s
 
Leçon 1Gérer le click droit avec Tabulator et en vanilla JavaScript
Chapitre 7 : Modifier du contenu d'Airtable
50m29s
 
Leçon 1Clôner des éléments du DOM afin de dupliquer un formulaire
Leçon 2Finaliser la dialog Alertify
Leçon 3Effectuer un PATCH afin de mettre à jour un film présent en base
Chapitre 8 : Finalisation
09m07s
 
Leçon 1Fermer la popup Alertify programmatiquement
Leçon 2Créer une relation entre deux tables Airtable

Aperçus

Avis des apprenants

Détail des avis
93
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Jean Blard
Jean Blard
Publié le 29/03/2022
Excellent tuto permettant de mieux appréhender le no-code avec le code. Survol de certaines librairies js sympa. Très bien
Codeconcept
Merci :) L'API d'Airtable est en effet un vrai plus offert par cet outil no-code aux "codeurs". Un vrai plus pour nous, adeptes du code ;)

Vos questions sur le cours

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.

Payer plus tard ou en 3x

Prix d'achat : 49,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 16,33 €
tous les mois, sans intérêts
Total : 49,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1389 tutos gratuits

Notre politique de protection des données