من صفر إلى تطبيق باستخدام Firebase Studio و Gemini! скачать в хорошем качестве

من صفر إلى تطبيق باستخدام Firebase Studio و Gemini!

في هذا الفيديو، راح نبني تطبيق كامل باستخدام بيئة Google الجديدة: Firebase Studio تطبيق يعمل بالذكاء الاصطناعي، يُولّد وصفات من المكونات + يعرض الصور + المعلومات الغذائية + التخزين في Firestore + تسجيل دخول وحماية المسارات! يدعم: Web + iOS + Android. ماذا ستتعلم: ربط المشروع بـ Firestore توليد وصفات + صور بالذكاء الاصطناعي عرض السعرات والبروتين والدهون تسجيل دخول مع Auth حماية الصفحات (Protected Routes) استخدام Git و GitHub واجهة مستخدم احترافية (Landing Page) كود المشروع (GitHub): 🔗 https://github.com/rylar1/RecipeSage ⭐ لا تنس تعمل Star للمستودع إذا عجبك المشروع! الأدوات المستخدمة: Firebase: https://firebase.google.com Firebase Studio: https://firebase.google.com/studio Google Cloud Console: https://console.cloud.google.com Google AI Studio (Gemini): https://aistudio.google.com Chapters: 0:00 - 2:19 - المقدمة – مقدمة عن فكرة المشروع ومميزاته 2:19 - 5:11 - ما هو Firebase – شرح سريع للمنصة واستخداماتها 5:11 - 6:58 - بناء القالب – إعداد واجهة المشروع الأولية 6:58 - 9:51 - العرض التوضيحي – استعراض شامل للميزات قبل الدخول بالكود 9:51 - 13:59- بناء مشروع – البدء بتجهيز الهيكل البرمجي 13:59 - 18:29 - مميزات Firebase Studio – لماذا نستخدمه بدل الطريقة التقليدية 18:29 - 23:09 - الانتقال إلى البرمجة – بدء كتابة الكود الفعلي للمشروع 23:09 - 26:14 - توليد الوصفات بأي لغة – دعم اللغات المختلفة باستخدام الذكاء الاصطناعي 26:14 - 33:23 - الدعم الكامل للغة العربية – تحويل واجهة المستخدم لـ RTL 33:23 - 38:09 - إضافة التغذية للوصفة – السعرات والبروتين والدهون تلقائياً 38:09 - 45:57 - وصفات متعددة – توليد أكثر من وصفة بناءً على المكونات 45:57 - 48:14 - صفحة الهبوط – تصميم واجهة احترافية للصفحة الرئيسية 48:14 - 52:23 - التوثيق مع Firebase – إعداد مصادقة المستخدمين 52:23 - 58:53 - إنشاء مشروع في Firebase – تجهيز المشروع وربطه بالتطبيق 58:53 - 1:05:37 - حفظ المستخدمين – تخزين بيانات المستخدم في قاعدة Firestore 1:05:37 - 1:10:00 - دفع إلى GitHub – نشر الكود على GitHub ومشاركة المشروع 1:10:00 - 1:11:00 - النشر واستعراض النتائج النهائية للمشروع هذا الفيديو هو دليلك الكامل لبناء مشروع احترافي خطوة بخطوة باستخدام Firebase Studio! اشترك لمزيد من المشاريع الذكية والمفيدة. 💡 محتوى زي كذا ياخذ ساعات من الشغل والبحث والتجربة، لكن بضغطة لايك وتعليق منك… تعطيني سبب أستمر وأطور أكثر. فإذا عجبك الشرح؟ ادعمني بالتفاعل ✌️