Objectifs du cours
Dans beaucoup d’entreprises, les outils internes prennent des mois à sortir… pendant que les opérations attendent. Avec Retool, vos équipes assemblent des applications métier fiables en quelques heures, en s’appuyant sur des composants UI prêts à l’emploi et une logique embarquée. Vous connectez directement vos données existantes (SQL, APIs, fichiers) pour créer des écrans utiles : formulaires, tableaux, validations, workflows. Résultat : moins de double saisie, des processus tracés, et des décisions plus rapides. La formation vous donne une méthode reproductible : nommage, qualité, sécurité et droits d’accès par rôle. Vous repartez avec un premier outil opérationnel et les réflexes pour l’industrialiser. Le tout en restant aligné avec vos standards IT et vos exigences de gouvernance.
À l’issue de la formation, les participantes seront capables de :
- Comprendre l’approche Retool et ses briques : interface, composants, requêtes, ressources de données
- Construire des interfaces dynamiques (tables, formulaires, filtres, actions) et relier les composants entre eux.
- Connecter des sources (ex. PostgreSQL, REST, Firebase) et manipuler données/requêtes (SQL, API).
- Implémenter la logique métier avec le JavaScript intégré (conditions, déclencheurs, transformations).
- Déployer, partager et administrer les applications (rôles, accès, maintenance, duplication).
Public
-
Chefs de projet, analystes métier, ops/IT, “développeurs citoyens” et responsables opérationnels souhaitant créer des outils internes rapidement.
Prérequis
-
À l’aise avec les outils numériques, notions de données (JSON / bases relationnelles) et de logique conditionnelle ; aucun développement requis.
Contenu du cours
Partie 1 — Fondamentaux & environnement de travail
- Découverte de l’éditeur : canvas, inspecteur, panneau composants, exécution des requêtes
- Vocabulaire Retool : ressource, query, composant, state, transformer
- Conventions de nommage : préfixes, IDs de composants, lisibilité des queries
- Expressions moustache {{ }} : data binding, lecture/écriture, interpolation
- Layout : conteneurs, modals, onglets, responsive de base
- Bibliothèque de composants : Table, Form, ListView, JSON Editor, Chart, Tabs, Drawer, Button, Text
- Atelier (pertinent) : mini-app “Catalogue” (liste + tri + filtre local + modal de détail)
Partie 2 — Connexions & requêtes (SQL / API)
- Création de ressources : SQL (Postgres/MySQL), REST, NoSQL, fichiers CSV/Google Sheets
- Gestion des secrets & variables d’environnement ; séparation DEV/TEST/PROD
- Requêtes paramétrées : variables, validation des entrées, erreurs et timeouts
- Pagination & recherche côté serveur : limit/offset, curseurs, “next/prev”
- Intégrations API : headers, query params, auth (Bearer/Basic), gestion des codes HTTP
- Bonnes pratiques de sécurité : principes de moindre privilège, rôles en lecture/écriture
- Atelier (pertinent) : brancher Postgres + endpoint REST, lister/filtrer, gérer les erreurs de requête
Partie 3 — UI métier & expérience utilisateur
- États d’interface : loading, empty, disabled, placeholders ; feedback utilisateur (toast/alert)
- Formulaires robustes : validations (obligatoire, regex, bornes), messages d’erreur
- Tables avancées : colonnes calculées, tri persistant, sélection multiple, actions en lot
- Recherche & filtres : barre de recherche, chips de filtres, reset d’état
- Composants de navigation : onglets, tiroirs (drawer), modals multi-étapes
- Uploads & fichiers : champs d’import, prévisualisation, stockage cible
- Atelier (pertinent) : interface “Inventaire” (recherche, édition contrôlée, retours visuels, actions groupées)
Partie 4 — Logique applicative & JavaScript intégré
- Triggers & événements : au clic, après succès/échec d’une query, au chargement d’une page
- Transformers & utils : mapper, filtrer, agréger les données (JS map/filter/reduce)
- Orchestration : enchaînement de requêtes, conditions, délais (debounce/throttle)
- Gestion d’exception : try/catch, messages d’erreur contextualisés, routes de repli
- Dates & formats : conversions, fuseaux, internationalisation basique
- Notifications & confirmations : toasts, dialogues de confirmation, logs fonctionnels
- Atelier (pertinent) : workflow “Valider → mettre à jour en base → confirmer → rafraîchir la liste”
Partie 5 — Déploiement, accès & rôles
- Prévisualisation, publication, duplication et snapshots/versioning
- Permissions : accès par rôle/utilisateur, masquage conditionnel, partage contrôlé
- Données sensibles : champs masqués, séparation des privilèges, audit simple
- Recette & UAT : checklists avant mise en prod, jeu de données de test
- Atelier (pertinent) : passage en “prod” d’une app “Suivi de commandes” + configuration des rôles
Partie 6 — Intégration SI, exploitation & maintenance
- Intégration à l’écosystème : liens profonds, éventuel embed/URL, webhooks (si besoin)
- Authentification & SSO (selon édition), politiques d’accès, revue périodique
- Supervision : métriques d’usage, journaux d’exécution, alertes basiques
- Runbook & évolutions : gestion des changements, duplication d’environnements, rollback
- Sauvegarde/export d’app, documentation rapide pour passation