FORMATION WEWEB : CRÉE DES WEB APPS SANS CODER
Hack'celeration te propose une formation Weweb pour créer des applications web complètes sans toucher une ligne de code. Tu vas apprendre à construire des interfaces pro, connecter tes bases de données (Supabase, Airtable, API), gérer l'authentification, et déployer ton app en production. On couvre tout : du design responsive aux workflows complexes, en passant par les intégrations API et la gestion des états.
On va voir comment créer des pages et components, connecter des collections de données, créer des workflows avec triggers et conditions, gérer l'authentification utilisateur, intégrer des API externes, et optimiser les performances de ton app.
Que tu veuilles créer un dashboard interne, un portail client, un SaaS, ou une app métier, cette formation te donne les compétences pour le faire. C'est adapté aux débutants comme aux profils techniques qui veulent aller vite.
100% pratique. À la fin, tu sais construire et déployer une app complète de A à Z.
Commence à apprendre gratuitement.
Why take a Weweb training?
Parce que Weweb peut transformer une idée d'app en produit fonctionnel en quelques jours, sans coder.
Le problème, c'est que la plupart des gens se lancent sur Weweb sans maîtriser les bases : ils créent des pages, mais galèrent à connecter leurs données. Ils arrivent à faire un design, mais bloquent sur les workflows. Résultat : ils perdent du temps sur des détails et n'arrivent pas à finir leur app.
- Construire des interfaces pro : Tu vas maîtriser l'éditeur visuel, créer des components réutilisables, gérer le responsive design, et construire des interfaces qui ressemblent à de vraies apps (pas des prototypes).
- Connecter tes données : Tu vas connecter Weweb à tes bases de données (Supabase, Airtable, API REST), créer des collections dynamiques, et afficher tes données en temps réel avec le binding.
- Créer des workflows complexes : Tu vas automatiser les actions utilisateur avec des workflows, gérer les conditions et triggers, manipuler les variables, et créer des expériences interactives fluides.
- Gérer l'authentification : Tu vas mettre en place un système de login sécurisé, gérer les rôles et permissions, et protéger tes pages selon les profils utilisateurs.
- Déployer en production : Tu vas publier ton app sur un domaine custom, optimiser les performances, gérer les webhooks, et maintenir ton app après le lancement.
Que tu partes de zéro ou que tu aies déjà bidouillé Weweb, on te donne les bons réflexes pour construire des apps qui tiennent la route techniquement et qui évoluent facilement. Notre agence no-code utilise Weweb avec Bubble, Make et d'autres outils pour des clients tous les jours.
What you'll learn in our Weweb training
MODULE 1 : LES FONDAMENTAUX DE WEWEB
On commence par le début : créer ton projet, comprendre l'interface, structurer tes pages.
Tu vas apprendre à naviguer dans l'éditeur Weweb, créer des pages, organiser la navigation, et comprendre la logique de sections et containers. On voit comment fonctionne le builder, comment structurer un projet propre dès le départ, et quels sont les pièges à éviter.
Tu vas aussi découvrir les bases du responsive design : comment ton app s'adapte sur mobile, tablette, et desktop, et comment prévisualiser tes écrans pour éviter les mauvaises surprises.
On finit par les components : c'est quoi, pourquoi c'est puissant, et comment créer tes premiers éléments réutilisables.
À la fin de ce module, tu sais créer une structure de pages solide et naviguer dans Weweb sans galérer.
MODULE 2 : CRÉER DES INTERFACES PROFESSIONNELLES
Tu vas apprendre à designer des interfaces qui ressemblent à de vraies apps, pas à des maquettes.
On voit comment utiliser les components (boutons, formulaires, tableaux, cards), personnaliser le design avec les styles, et créer une charte graphique cohérente. Tu vas maîtriser les spacings, les couleurs, les typographies, et les états (hover, active, disabled).
Tu vas aussi apprendre à créer des components custom réutilisables : une navbar, un formulaire de contact, une card produit. L'objectif, c'est de construire une bibliothèque de components que tu peux réutiliser partout.
On couvre aussi le responsive : comment adapter ton design pour chaque taille d'écran, gérer les breakpoints, et tester sur mobile.
À la fin de ce module, tu sais créer des interfaces pro qui donnent envie d'être utilisées.
MODULE 3 : CONNECTER TES DONNÉES
Tu vas apprendre à connecter Weweb à tes bases de données et à afficher des données dynamiques.
On voit comment connecter Supabase, Airtable, ou une API REST, créer des collections de données, et configurer les requêtes (GET, POST, PUT, DELETE). Tu vas comprendre comment fonctionne le binding : lier tes components à des données dynamiques pour afficher des listes, des détails, ou des formulaires.
Tu vas aussi apprendre à manipuler les données : filtrer, trier, paginer, et gérer les états de chargement (loading, empty, error).
On couvre les formulas Weweb : comment transformer tes données, faire des calculs, et créer des champs dynamiques sans coder.
À la fin de ce module, tu sais connecter n'importe quelle source de données et afficher les infos en temps réel dans ton app.
MODULE 4 : WORKFLOWS ET INTERACTIVITÉ
Tu vas créer des workflows pour automatiser les actions utilisateur et rendre ton app interactive.
On voit comment fonctionnent les workflows Weweb : triggers (click, submit, load), actions (navigate, update data, show notification), et conditions (if/else, variables). Tu vas créer des workflows simples (redirection, affichage d'un message) et des workflows complexes (validation de formulaire, mise à jour de données, gestion d'erreurs).
Tu vas aussi apprendre à utiliser les variables : stocker des infos temporaires, gérer l'état de ton app, et partager des données entre pages.
On couvre aussi les custom code snippets : comment intégrer du JavaScript si tu as besoin de faire quelque chose de spécifique que Weweb ne propose pas nativement.
À la fin de ce module, tu sais créer des expériences utilisateur fluides avec des interactions avancées.
MODULE 5 : AUTHENTIFICATION ET SÉCURITÉ
Tu vas mettre en place un système d'authentification complet et sécuriser ton app.
On voit comment configurer l'authentication avec Supabase ou un provider externe (Google, GitHub), créer des pages de login et signup, gérer les sessions utilisateur, et protéger tes pages avec des permissions.
Tu vas apprendre à gérer les rôles utilisateur : admin, membre, guest. Comment afficher ou masquer des éléments selon le profil, restreindre l'accès à certaines actions, et créer des expériences personnalisées.
On couvre aussi la sécurité des données : comment s'assurer que les utilisateurs n'accèdent qu'à leurs propres données, gérer les erreurs d'authentification, et implémenter le reset password.
À la fin de ce module, tu as un système d'auth fonctionnel et sécurisé, prêt pour la production.
MODULE 6 : DÉPLOIEMENT ET INTÉGRATIONS
Tu vas déployer ton app en production et l'intégrer à ton stack.
On voit comment publier sur un domaine custom, configurer les DNS, gérer les environnements (dev, staging, prod), et optimiser les performances (lazy loading, caching, compression d'images).
Tu vas apprendre à connecter Weweb avec d'autres outils : Make ou Zapier pour automatiser des process, des webhooks pour recevoir des événements en temps réel, et des API tierces (Stripe pour les paiements, SendGrid pour les emails).
On couvre aussi la maintenance : comment gérer les mises à jour, monitorer les erreurs, analyser les performances avec analytics, et itérer rapidement sur ton app.
À la fin de ce module, tu as une app déployée, connectée à ton stack, et tu sais la faire évoluer au fil du temps.
Pourquoi te former avec Hack'celeration ?
UNE AGENCE EXPERTE QUI UTILISE WEWEB POUR DES CLIENTS TOUS LES JOURS
