Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
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.
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
Introduction
Chapitre 2
Utiliser l'API d'Airtable pour lire des données en base
Utiliser l'API d'Airtable pour lire des données en base
Chapitre 3
Poster du contenu dans Airtable
Poster du contenu dans Airtable
Chapitre 4
Présenter les données sous forme de grille grâce à Tabulator
Présenter les données sous forme de grille grâce à Tabulator
Chapitre 5
Supprimer des données de Airtable
Supprimer des données de Airtable
Chapitre 6
Gérer le menu contextuel
Gérer le menu contextuel
Chapitre 7
Modifier du contenu d'Airtable
Modifier du contenu d'Airtable
Plan détaillé du cours
Chapitre 1 : Introduction
15m44
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
40m29
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
1h14
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
21m56
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
25m13
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
05m36
Leçon 1Gérer le click droit avec Tabulator et en vanilla JavaScript
Chapitre 7 : Modifier du contenu d'Airtable
50m29
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
09m07
Leçon 1Fermer la popup Alertify programmatiquement
Leçon 2Créer une relation entre deux tables Airtable
Aperçus
Avis des apprenants