بناء تطبيق ويب كامل بالذكاء الاصطناعي من الصفر وبدون كتابة كود (تجربة عملية)

في هذا الفيديو، نخوض تجربة عملية ومختلفة لبناء منتج رقمي كامل (مؤقت بومودورو) من الصفر دون الحاجة لكتابة أي سطر برمجي يدوياً، معتمدين كلياً على أحدث أدوات الذكاء الاصطناعي من Google. انقسم العمل إلى مرحلتين: مرحلة التصميم: قام بها عبدالله الرشودي باستخدام أداة Stitch لتوليد واجهات المستخدم وتجربة المستخدم (UI/UX) عن طريق الأوامر النصية. مرحلة البرمجة والنشر: قام بها محمد الصالح باستخدام Google AI Studio لتحويل التصميم إلى كود فعلي، وإصلاح الأخطاء، وإضافة المميزات مثل الوضع الليلي، ومن ثم رفع المشروع ونشره ليكون متاحاً للجميع. شاهد الفيديو لتعرف كيف يمكن لهذه الأدوات أن تختصر ساعات من العمل وتحول أفكارك إلى واقع. فهرس الفيديو (Timestamps): 00:00 المقدمة وفكرة تحدي بناء الموقع 00:47 دور محمد الصالح في تحويل التصميم إلى تطبيق 01:09 تصميم الواجهات باستخدام أداة Stitch 02:00 تعديل التصميم وإضافة الصفحات بالأوامر النصية 03:27 تجربة النموذج التفاعلي (Prototype) 03:55 تصدير المشروع إلى Google AI Studio 04:27 بدء مرحلة البرمجة وبناء الكود بالذكاء الاصطناعي 06:00 اكتشاف الأخطاء وطلب التعديلات من الـ AI 09:00 إضافة الوضع الليلي (Dark Mode) وتحسين الأداء 10:20 رفع الكود إلى GitHub مباشرة 11:00 نشر الموقع (Deployment) باستخدام Vercel 11:40 استعراض النتيجة النهائية للموقع وتجربته الروابط والأدوات المستخدمة: 🔹 أداة التصميم (Stitch): https://stitch.withgoogle.com/ 🔹 بيئة التطوير بالذكاء الاصطناعي (Google AI Studio): https://aistudio.google.com 🔹 استضافة الموقع (Vercel): https://vercel.com 🔹 التطبيق الذي تم إنشائه: https://pomodoro-timer-web-app-seven.... حساباتنا على منصة X: 👤 محمد الصالح: https://x.com/MAAlsaleh0 👤 عبدالله الرشودي: https://x.com/Abdullah4AI