انتقل للمحتوى
شغّال
ارجع للمكتبة

Building AI Apps Live from Cairo 🔴

Day 0093:38:11

تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم

الخلاصة

يركّز البث على تلميع موقع بطابع طرفية مع ضبط النطاق والوقت: مراجعة التسلسل البصري، تقليل الزحام، وتجريب مؤثر «أمطار الشيفرة» وتحسين حركته وكثافته ومحتواه عبر ملاحظات دقيقة ولقطات ومراجع لمكوّنات جاهزة. ويرى لقمان أن الوكلاء يحتاجون وصفًا محددًا وفهمًا للمشروع قبل التعديل، ويناقش سير عمل من الاستكشاف إلى التخطيط ثم البناء، مع تجميع السياق ومعاينة البرومبت والتحقق قبل التسليم؛ لكن قيمة الخط الآلي، جودة الاستكشاف، استئناف المهام عبر CLI وبعض سلوكيات وضع التخطيط ظلت أسئلة غير محسومة. كما يتناول البث أتمتة حالة وجدول البث عبر YouTube API مع استمرار مشكلة في الاستدعاءات، وأتمتة الدردشة والتوزيع الاجتماعي، والتسويق قبل اكتمال التطبيق عبر صفحة هبوط وقائمة انتظار، مع الفصل بين سوق المنتج العالمي وجمهور المحتوى العربي. وتشمل مناقشات الجمهور نصائح لبدء البث، والاختيار بين الويب والموبايل بحسب المشروع، وقراءة معايير نماذج الذكاء الاصطناعي بحذر، وأسئلة موجزة عن مفاهيمه الأساسية. التفضيلات بين Claude وCodex وCursor وWarp هي آراء وتجارب شخصية، ولم تكتمل كل التحسينات أو الاختبارات المقترحة خلال المادة.

  • livestreaming
  • workflow review
  • community learning
  • focus
  • +4

63 لحظة من البث

  1. 2:10:58

    المؤثر غير المرئي مؤثر فاشل عمليًا

    ملاحظة عملية في مراجعة الواجهات: إذا تعذر إدراك المؤثر، فهو لا يحقق غرضه وقد يكون معطّلًا فعليًا.

    • frontend
    • ui-review
    • visual-effects
    • usability
  2. 2:12:26

    بثوث أخف للنقاش والأسئلة والتعلّم المتبادل

    اقتراح مبدئي لأن تتضمن بعض البثوث المستقبلية صيغة أخف تركز على النقاش والأسئلة والتعلّم المتبادل، بما يلائم جمهورًا متفاوت الخبرة. طُرحت الفكرة كاحتمال مستقبلي وليست خطة مؤكدة.

    • community-learning
    • audience-questions
    • live-stream-format
  3. 2:27:02

    تحسين اتجاه ومحتوى مؤثر أمطار الشيفرة

    أوضح لؤقمان أن المطلوب أسطر شيفرة أفقية تهبط من أعلى إلى أسفل، لا حركة جانبية، مع نص إنجليزي مرتبط بالبرمجة مثل عناصر HTML. وبعد معاينة النتيجة، رأى أن الحركة مناسبة لكن قائمة الرموز تحتاج إلى ضبط لتصبح أسطرًا فعلية تمزج بكثافة بين HTML وReact، مع إمكانية تعديل الكثافة والسرعة.

    • code rain
    • visual effect
    • HTML
    • React
    • +2
  4. 2:32:18

    أتمتة خط عمل الوكلاء من الاستكشاف إلى التخطيط والبناء

    يناقش قصور وكيل الاستكشاف عندما يبدأ بمهمة محدودة من دون سياق كافٍ عن المجلدات والأنماط وحدود النطاق، واعتماد خط العمل الحالي على التشغيل اليدوي ونسخ المخرجات بين المراحل. يقترح أتمتة الانتقال من المستكشف إلى المخطط ثم البنّاء، وتمرير ملخص منظم بدل مخرجات مبتورة، وتحسين المستكشف واختيار نموذج مناسب له، مع توسيع بحثه لبعض المهام ليشمل الإنترنت إلى جانب قاعدة الشفرة الداخلية.

    • AI agents
    • agent pipeline
    • workflow automation
    • codebase exploration
    • +3
  5. 2:37:18

    تحسين حركة عرض الشفرة للجمهور المصري

    يطلب تعديلات على عرض متحرك للشفرة: زيادة السرعة قليلًا، منع تداخل الأسطر، ومزج عناصر مرتبطة بـ HTML وReact والخطافات مع كلمات فرانكو عربية مصرية خفيفة ومرحة لجعل العرض أقرب إلى الجمهور المصري.

    • code animation
    • UI refinement
    • HTML
    • React
    • +2
  6. 2:41:02

    أتمتة خط عمل متعدد الوكلاء

    مناقشة تحويل التسليم اليدوي بين وكيل الاستكشاف والتخطيط والبناء إلى خط آلي متتابع يمرر مخرجات كل مرحلة إلى التالية. يشمل التصور عرض الحالة والوقت المنقضي لحظيًا، وإرسال أحداث التقدم عبر قناة بين العمليات، وإتاحة الإلغاء والمهلة الزمنية لكل خطوة. ويؤكد النقاش أن جودة الاستكشاف، بما فيها البحث خارج قاعدة الشفرة، تؤثر في كل المراحل اللاحقة، مع الإقرار بأن بحث الويب يضيف زمن انتظار.

    • AI agents
    • agent pipeline
    • automation
    • exploration
    • +5
  7. 2:43:29

    تحسين الانطباع البصري الأول لصفحة ويب

    مراجعة لحركة خطوط هابطة في صفحة ويب: المطلوب أن تظهر فور تحميل الصفحة، وأن تبدأ من منتصف الجزء الظاهر بدل أعلى الشاشة، مع زيادة سرعتها قليلًا وصقل العبارات المكتوبة بالفرانكو لتكون أوضح وأقوى.

    • web animation
    • landing page
    • visual feedback
    • above the fold
    • +3
  8. 2:52:02

    تقسيم مهام تطوير الويب بين Codex وClaude

    يشرح المتحدث سير عمله الشخصي: يستخدم Claude للبناء الأساسي وCodex لصقل واجهة المستخدم، وينصح بأن يقرأ المساعد المشروع أولًا ويشرح فهمه قبل بدء التعديلات.

    • Codex
    • Claude
    • تطوير الويب
    • واجهة المستخدم
    • +1
  9. 2:54:28

    تحسين مؤثر بصري متحرك بالتكرار

    تكرار عملي على مؤثر شيفرة متحركة: زيادة السرعة والكثافة، جعله يبدأ فور تحميل الصفحة ويمتد من أعلى إلى أسفل، ثم منع العناصر من الاختفاء مع ضبط إبراز أجزاء المؤثر.

    • واجهة الويب
    • مؤثرات بصرية
    • حركة
    • تطوير تكراري
    • +1
  10. 2:56:22

    كيف تُقرأ معايير نماذج الذكاء الاصطناعي؟

    يناقش المتحدث صعوبة تفسير ترتيب النماذج في المعايير، ويشير إلى ضرورة فهم مقاييس مثل الذكاء والسرعة قبل اختيار نموذج. ويعرض تفضيله الشخصي لـClaude مع استخدام GPT في بعض المهام، من دون الجزم بصحة المقارنات المذكورة.

    • معايير الذكاء الاصطناعي
    • اختيار النماذج
    • Claude
    • GPT
    • +1
  11. 3:01:47

    تحسين واجهة بطابع برمجي

    تعديل تصميم الواجهة لمنح أسطر الكود أحجامًا ومساحة بصرية متفاوتة، مع إبراز عبارات Franco Arabic الفكاهية بدرجة خضراء أوضح مع إبقاء معظم المحتوى بطابع HTML وReact.

    • UI design
    • code aesthetic
    • HTML
    • React
    • +1
  12. 3:04:45

    تخطيط المشروع باستخدام Swimlane

    شرح لأهمية احترام الجدول الزمني وبناء خريطة مشروع توضح ما يجب تحقيقه عبر الأسابيع. يرى المتحدث أن الـSwimlane هو الأساس لمعظم الناس، بينما أتمتة لوحة المهام وAgent Hub إضافتان اختياريتان تناسبان بعض أساليب العمل.

    • project planning
    • swimlane
    • roadmap
    • task board
    • +2
  13. 3:09:19

    كيف تختار بين تطوير الويب والموبايل؟

    ردًا على سؤال للمبتدئين، ينصح المتحدث باختيار المسار وفقًا للمشروع والبحث في الفكرة وجدواها بدل تقديم توصية مطلقة. ويصف الويب بأنه أسهل للبدء والنشر، بينما تتطلب تطبيقات الموبايل المرور بمتطلبات وقوائم مراجعة متاجر التطبيقات.

    • web development
    • mobile development
    • beginner advice
    • market research
    • +1
  14. 3:12:06

    تحسين واجهة متحركة عبر ملاحظات دقيقة للمساعد

    فضّل البدء بنسخة سطح المكتب لأن تصور الهاتف لم يكن مقنعًا، ثم طلب تنويع أطوال الخطوط المتحركة وتوسيع التغطية الجانبية وإبراز عبارات الفرانكو-عربي بدل التمييز العشوائي. ولتقليل سوء الفهم، طلب من المساعد شرح ما فهمه قبل إجراء التعديلات.

    • UI design
    • AI prompting
    • desktop-first
    • animation
    • +3
  15. 3:15:57

    الرغبة في أتمتة سير عمل التواصل الاجتماعي

    رأى أن الصور المصغرة تبدو عامة وتحتاج إلى تحسين، وعبّر عن رغبته في جعل أعمال التواصل الاجتماعي مؤتمتة قدر الإمكان حتى لا تتطلب متابعة ذهنية مستمرة.

    • social media automation
    • thumbnails
    • workflow automation
    • أتمتة التواصل الاجتماعي
    • +1
  16. 3:17:47

    استكشاف سير عمل عبر واجهة سطر الأوامر

    ناقش فهمًا مبدئيًا بأن تشغيل نمط خط أنابيب للأوامر قد يتطلب وضع واجهة سطر أوامر داخل مركز أوامر. ظل يتساءل عن أسلوب التفاعل ذهابًا وإيابًا وإمكان استئناف المهمة، لذلك عُرضت الفكرة كتجربة غير محسومة لا كنتيجة ناجحة.

    • CLI workflow
    • prompt pipeline
    • task resumption
    • AI agents
    • +2
  17. 3:19:19

    صفحة هبوط واضحة ونظيفة قبل الإطلاق

    قيّم التصميم الحالي بأنه مزدحم وغير أنيق، وأوضح أن الخبرة المكتسبة منه ستفيد في بناء صفحة هبوط لاحقة. وبما أنها لحملة قبل الإطلاق، أرادها بسيطة جدًا وواضحة ونظيفة بدل إضافة تعقيد غير ضروري.

    • landing page
    • pre-launch
    • web design
    • visual clarity
    • +2
  18. 3:20:22

    تقليل الضوضاء البصرية في حركة الخطوط

    حدّد مشكلتين واضحتين في الحركة: تداخل الخطوط وتغيّر عدد كبير منها في الوقت نفسه. طلب منع التداخل وتقليل عدد العناصر المتغيرة لجعل النتيجة أهدأ بصريًا، مع إبقاء إعدادات السرعة والأبعاد دون تغيير بحسب الكلام الواضح في النص.

    • motion design
    • visual noise
    • animation
    • UI polish
    • +2
  19. 3:26:25

    توجيه Codex لتحسين تصميم ديناميكي وإبراز سطور Franco-Arabic

    راجع لقمان واجهة تضم أقسامًا بسرعات حركة مختلفة، وطلب خفض وضوح السطور العادية مع إبراز السطور الطريفة المكتوبة بـFranco-Arabic. عندما لم يتعرف التنفيذ عليها وأبرز سطورًا غير مطلوبة، طلب الرجوع إلى النسخة السابقة.

    • Codex
    • تصميم واجهات
    • frontend
    • Franco-Arabic
    • +3
  20. 3:28:40

    مناقشة موجزة لغلاف مبني على OpenRouter

    أشار لقمان بإيجابية إلى مشروع من الجمهور يبدو أنه غلاف مبني على OpenRouter، وذكر أنه سيطّلع عليه. لا توفر المقاطع تفاصيل تقنية كافية عن تنفيذه.

    • OpenRouter
    • AI wrapper
    • audience project
    • API

عندك سؤال عن حاجة في البث ده؟

اسأل في الجروب