Basé sur la méthodologie par projet, cette formation va vous permettre d'intégrer les concepts liés au développement d'application, ainsi que de prendre en mais WeWeb et Supabase
Bienvenue !
Vidéo de présentation de la formation Supabase / Weweb
SEMAINE 1 - WeWeb
S1 - Découverte du Projet
Découvrir WeWeb
Pourquoi WeWeb ?
Découverte du back office WeWeb
Les paramètres d'un projet
Construire les 1ères pages dans WeWeb
Les pages
Les mises en page Flex
Les composants existants
Connecter de la Data Source à WeWeb
Les Datasources et collections
Binding et Repeat items
Les bindings... plus en détail
Configuration de la pagination
Réalisez la 1ère étape du projet
Récapitulatif : pages, paramètre d'url et collections
Réalisez la 2e Etape du projet - Concevez la page détail des articles
BONUS Semaine 1
Présentation d'un projet réalisé en quelques heures
Découvrez l'envers du décor : Buildship, Open AI, WeWeb et Supabase
Aller plus loin dans le design
Gestion multi-langue
Gestion du responsive.
Gestion du Design System
Les sections Multi-pages
Comment publier son application ?
Vous êtes prêt à réaliser la 3e étape du projet !
S1 - Corrections de la 1ère étape du projet
Création du compte WeWeb et du projet
Configuration de la data source et de la collection
Création de la première page du blog
S1 - Corrections de la 2e étape du projet
Création d'une nouvelle page
S1 - Corrections de la 3e étape du projet
Afficher un menu sur toutes les pages
Formatage d'une date
Création d'une typographie
Gestion de la pagination
Gestion du responsive
SEMAINE 2 - WeWeb avancé
S2 - Découverte du projet
Configurer l'authentification
L'authentification avec Supabase
Les Token JWT
Les variables "utilisateur"
Réalisez la 1ère étape du projet de la semaine 2
Les CRUD
Les CRUD : Create / Read / Update / Delete
CRUD : Create = Création d'un formulaire
Les Workflows en détail.
2e étape du projet : Créez une page de login et modifiez le menu
CRUD - Insert = enregistrement
CRUD - Delete = gestion des suppressions
CRUD : Update = mise à jour
Les composants Datagrid
Etape 3, mettez en pratique les CRUD
Comment debugger les workflows ?
Comment bien gérer les erreurs ?
Etape 4 - Gérez l'affichage des erreurs
Aller plus loin dans la programmation
Les Formulas ou Fonctions dans Weweb.
Créer des fonctions dans Weweb avec Copilot
Les variables plus en détail
Les 2 autres types de workflow
Les fonctions Javascript
A quoi sert le custom code ?
Aller plus loin dans la création de composants
Comment créer des composants dans Weweb ?
A quoi servent les component states ?
Aller plus loin en découvrant tous les plugins
Découverte des Plugins disponible dans Weweb
Aller plus loin en gérant la performance de son appli
Gérer la performance de son application
A quoi servent les logs dans Weweb ?
BONUS Semaine 2
Les 5 principes d'une bonne app
S2 - Corrections de la 1ère étape du projet
Authentification et sécurité avec Supabase
S2 - Corrections de la 2e étape du projet
Création de la page d'administration
S2 - Corrections de la 3e étape du projet
Création de la page de création d'un article de blog
L'édition d'un post, d'un article
La gestion de boutons "publier" & "dépublier"
S2 - Corrections de la 4e étape du projet
Gestion des erreurs lors de l'authentification
La gestion des erreurs
SEMAINE 3 - La base de données
S3 - Créez votre propre backend dans Supabase
Découvrir Supabase
Presentation de Supabase
Découverte de l'interface de Supabase
Le vocabulaire et les différents types de champs d'une base de données
Les tables
Création de plusieurs tables de données
Pourquoi parle-t-on de bases de données relationnelles ?
Les différents concepts de Clés : primaires, étrangères, en cascade
Comment désactiver le RLS dans Supabase ?
Réalisez l'étape 1 du projet semaine 3
Le storage
Le Storage : fonctionnalité de stockage dans Supabase
Réalisez l'étape 2 du projet S3
Plus loin dans l'intégration WeWeb et Supabase
Les paramètres avancés applicables sur les collections dans Weweb
Comment gérer les Selects dans un formulaire WeWeb ?
Réalisez l'étape 3 du projet S3
Pourquoi apprendre le SQL pour Supabase ?
Introduction au SQL
Un peu de SQL
Comment faire un Select ?
Comment faire un Delete ?
Comment faire un Insert ?
Comment créer une fonction Update ?
Les fonctions d'Agrégation pour faire des statistiques
A quoi servent les jointures ?
Aller plus loin avec Supabase
Apporter de la performance à votre base de données grâce aux index
Les différents paramètres d'authentification disponibles dans Supabase
S3 - Corrections de la 1ère étape du projet
Création du projet dans Supabase
Création des tables
Création de l'utilisateur dans Supabase
Re-import des données dans Supabase suite à un problème
Paramétrage dans WeWeb de l'utilisation de la nouvelle data source
Modification de la règle du display du bouton "Supprimer"
S3 - Corrections de la 2e étape du projet
Ajout du storage (stockage des images)
Transfère et stockage d'une image dans Weweb
S3 - Corrections de la 3e étape du projet
Création de la table des catégories dans Supabase
Intégration des catégories dans WeWeb
SEMAINE 4 - La sécurité
Projet Semaine 4 - Les étapes pour tout sécuriser
RLS pour la sécurité
Comprendre le Row Level Security de Supabase
Comment configurer le RLS dans Supabase ?
Comment vérifier une policy dans WeWeb ?
Comment vérifier une policy dans Supabase ?
Réalisez l'étape 1 du projet S4
La sécurité côté WeWeb
Sécuriser les pages côté WeWeb
Aller plus loin avec l'authentification
Ajouter des données sur les utilisateurs Supabase
Créer une relation entre une table et la table user dans Supabase
Réalisez l'étape 2 du projet - S4
SQL avancé
Les fonctions
Les fonctions avancées
SQL - Les triggers
SQL - Les Vues
Réalisez l'étape 3 du projet - S4
Supabase avancé
CRON - planification de tâches
Connexion à la base de données sans passer par Supabase
Les extensions PostgreSQL
S4 - Corrections de la 1ère étape du projet
Activation du RLS
Vérification dans WeWeb des fonctions liées à l'authentification