Перейти к содержимому

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