Design WeWeb : Reproduire un site pro sans IA (live No-Code)
Web Prisme Studio
0:00 / 0:00
Design WeWeb : Reproduire un site pro sans IA (live No-Code)
72 просмотра · 4 месяца назад
Web Prisme Studio
74 подписчика
72 просмотра · 4 месяца назад
🎁 Créer ton compte WeWeb avec 10% de remise :
https://services.msgsndr.com/urls/l/p...
Dans ce live, je reproduis manuellement le design d'un site web dans WeWeb sans utiliser l'IA. L'objectif : vous montrer comment lire le CSS d'un site existant et le recréer élément par élément dans WeWeb. Une approche pédagogique pour maîtriser les fondamentaux du design frontend et comprendre les capacités de WeWeb.
Chapitre
00:00 Introduction et test du son
01:20 Présentation du projet StatManager et des problèmes de design
01:48 Annonce de la chaîne YouTube et vidéos backend WeWeb
03:09 Analyse du design cible à reproduire
08:26 Configuration du titre H1 et typographie
13:22 Gestion des containers et padding
16:55 Discussion sur les workflows IA vs no-code
21:03 Création des boutons avec bordures personnalisées
27:00 Débat sur le design manuel vs IA
33:53 Styling des boutons découvrir et comment ça marche
43:38 Création d'un component pour les statistiques
52:56 Lecture du CSS et reproduction des styles
01:08:10 Problématique des largeurs de colonnes en grid
01:15:03 Découverte du FR unit en CSS et solutions WeWeb
01:19:32 Gestion des propriétés CSS grid vs flexbox
01:29:36 Solution avec CSS custom flex:1 pour équilibrer les cartes
01:36:45 Conclusion et rendez-vous pour la semaine prochaine
Cette session montre l'importance de comprendre les fondamentaux du CSS avant d'utiliser l'IA. Parfait pour les développeurs qui veulent maîtriser WeWeb en profondeur.
WeWeb no-code
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📺 La série complète Bubble Vs WeWeb :
• Bubble Vs WeWeb
🔔 Abonne-toi pour ne rien rater des prochaines vidéos WeWeb :
/ @murielimbert-webprismestudio
💼 On se retrouve sur LinkedIn : / muriel-imbert
🌐 Web Prisme Studio : https://webprisme.studio