Serious No Code
Se connecter
Serious No Code by Reverall/Bootcamp Weweb + Supabase
Acheter maintenant

Bootcamp Weweb + Supabase

  • 132 Leçons

J'achète >

Programme

Bienvenue !

Vidéo de présentation du Bootcamp 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 pour créer 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

S4 - Corrections de la 2e étape du projet

Création d'une table "auteurs"
Lien entre la table articles et la table auteurs
Gestion des informations auteurs dans WeWeb

Les bases du product management

Brainstorming
Entretiens utilisateurs
User stories
Fonctionnalités
Priorisation
Mockups
Base de données
Organiser son projet