→ كل الفيديوهات
فيديو · · قراءة 2 دقائق

بناء منصة تعليمية باستخدام Claude Code

بنى Abdul Osama (عبدول أسامة) منصة تعليمية بمساعدة الذكاء الاصطناعي، بدءًا من الهوية البصرية في Claude Design، ثم نقل التصميم المبدئي إلى Claude Code لاستكمال البناء. ظهرت نسخة شبه جاهزة سريعًا، لكن الوصول إلى نسخة تجريبية قابلة للاستخدام احتاج وقتًا إضافيًا للمراجعة والإصلاح، وما زالت بها أخطاء.

أهم النقاط

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

كيف بنى المنصة؟

بنى Abdul Osama (عبدول أسامة) منصته التعليمية بمساعدة الذكاء الاصطناعي، لكنه يميّز بين ظهور مشروع يبدو جاهزًا وبين إطلاق نسخة يمكن للناس استخدامها. بدأ بهوية بصرية وصفحة هبوط مبدئية، ثم انتقل إلى بناء وظائف المنصة ومراجعتها، وانتهى بنسخة تجريبية لا تزال بها مشكلات.

«عملت المنصة التعليمية بتاعتي كلها بالذكاء الاصطناعي.» — عبدول أسامة

من التصميم إلى النسخة التجريبية

الذكاء الاصطناعي هنا هو أدوات ساعدته في التصميم وبناء المشروع. استخدم اسم Claude Design لوصف أداة التصميم التي أعطاها شعاره البسيط لتقترح هوية بصرية؛ ثم عدّل الخطوط وطلب صفحة هبوط، وهي الصفحة التي يصل إليها الزائر للتعرّف على المشروع. يقول إن محتوى تلك الصفحة الأولية لم يكن مناسبًا، فنقل العمل إلى Claude Code، وهو مساعد برمجي يعمل من خلال التعليمات النصية لاستكمال بناء المشروع.

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

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

ماذا تضم النسخة الحالية؟

يصفها بأنها نسخة تجريبية، أو Beta: إصدار متاح للاستخدام مع بقاء أخطاء تحتاج إلى إصلاح. وتضم صفحة هبوط، وعرض العملة بحسب موقع المستخدم، وتسجيل الدخول عبر Telegram أو Google، ولوحة تحكم، وصفحة للدورات تعرض التقدم، وتقسيمًا للدروس يسهل متابعتها. هذه هي الوظائف الأساسية التي أرادها في MVP، أي نسخة أولية قابلة للاستخدام.

«حاطط إنها Beta لأنها لحد دلوقتي فيها مشاكل وأخطاء.» — عبدول أسامة

بالأرقام

  • نحو 8%: النسبة التي ذكرها للخيار الجاهز.
  • جلستان: كان بعدهما مشروع يبدو شبه جاهز، لا منتجًا مكتملًا.
  • 6–7 جلسات إضافية: للوصول إلى نسخة تجريبية قابلة للاستخدام، بحسب وصفه.
  • نحو 25 ساعة: تقديره لوقت المراجعات والإصلاحات بعد الصورة الأولية السريعة.
  • نحو 30 ساعة: تقديره لوقت بناء النسخة التي عرضها.
  • 10 سنوات على الأقل: خبرته التي ذكرها عند وضع هذه المدة في سياقها.

ماذا تفعل إذا أردت تكرار التجربة؟

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

أسئلة وأجوبة

هل بنى المنصة كاملة في جلستين؟

لا. قال إن لديه بعد جلستين شيئًا يبدو شبه جاهز، ثم احتاج إلى جلسات أخرى ومراجعات وإصلاحات للوصول إلى نسخة تجريبية قابلة للاستخدام.

لماذا لم يستخدم منصة تعليمية جاهزة؟

ذكر أنه أراد تحكمًا أكبر في تخصيص صفحة الهبوط والهوية البصرية وتجربة المستخدم.

ما وظائف النسخة التجريبية؟

تضم صفحة هبوط، وعرض العملة بحسب الموقع، وتسجيل الدخول عبر Telegram أو Google، ولوحة تحكم، وصفحة للدورات تعرض التقدم وتقسيمًا للدروس.

هل النسخة خالية من الأخطاء؟

لا. وصفها بأنها Beta وأوضح أنها ما زالت تحتوي على مشكلات وأخطاء.

المصادر والأدوات المذكورة

النص الكامل للفيديو

عملت المنصة التعليمية بتاعتي كلها بالAI. طبعا أنا واحد بيعلم AI يعني فلو مش هستخدمه هتبقى مشكلة. والسبب الثاني ان انا عايز اعرف اخر الحاجة فاقول لكم بصراحة العيوب والمميزات. انا بصراحة كان قدامي منصة عربي كويسة جدا اسمها نظمي. لطيفة جدا بتاخد 8% تقريبا وبتحصلك وبتنظم الدنيا وبتعمل لك صفحة على طول وبتوسط الفيديوهات بتاعتك. انا بصراحة حبيت ان انا اعمل حاجة زيادة شوية. انا ماركتير برضو فيهمني جدا الكستمائيزيشن بتاع اللاندنج بيدج يهمني الفيجيول ايدينتيتي بتاعتي يهمني كمان اليوزر اكسبيريينس اللي حسيتها يعني ممكن يكون فيها حاجات احسن شوية فقررت ان انا بنيها بنفسي. الرحلة باختصار ان انا خدت الهوية البصرية بتاعتي اللي هي لوجو بسيط وحطيته على كلود ديزاين وقلت له اديني فيجيول براند. اداني فيجيول براند عملت عليه شوية تعديلات في الفونت وكده وبعدين في الاخر قلت له عمل لي لاندنج بيج مبدئية عمل لي لاندنج بيج الكونتنت بتاعها irrelevant طلعت بالكونتنت دوت على كلود كود وابتدت الرحلة. اللي هقول لكم المميزات والعيوب. المميزات ان انا في خلال قاعدتين كان عندي حاجة شبه شغالة يعني تظن ان هي جاهزة انها تتلانش وكنت متحمس. ودايما ده بيحصل في اي مشروع في الاول. طيب كم قاعدة تانين بقى عشان اعرف اطلع بيتا فيرجين يوزبول واطلعها للناس ويبقى يعتمد عليها وفيها الفيتشيرز الاساسية اللي بالنسبة لي MVP اللي ينفع الناس تستخدمها. ست سبع قعدات بقيت الأسبوع. يعني ممكن نقول ان انا بنيت الفيرجن اللي هي شكلها اللي هي بيعملوها في السوشيال ميديا دي لو بص يا جماعة في خلال قاعدة ساعتين طلعت مشروع. طيب الساعتين دول حطين عليهم كم ساعة تانين من الريفيجنز والتصبيت عشان نطلع برودوكت شغال. بجد بجد خمسة وعشرين ساعة. واللي انا مطلعه دلوقتي اللي هو هتلاقوه على learn.abdullosama.com نسخة بيتا وحاطت ان هي بيتا لان هي فيها لحد دلوقتي مشاكل واخطاء. رغم ان انا يعني ما طلبتش كتير يعني هو الجرني كلها عبارة عن لاندنج بيج حلوة فيها الكارنسي بيسدون لوكيشن وبعد كده ساين اب وساين ان بالتليجرام او بالجوجل مش باليوزر نيمو الباسورد وجوه عندك لوحة تحكم وصفحة فيها الكورسات بتاعتك بالprogress ومقسم الكورس على حتة عشان الناس تعرف تتفرج. ادي البرودوكت. تلاتين ساعة من واحد عنده خبرة حوالي عشر سنين على الاقل بشتغل مع احسن من احسن الديفيلوبرز وعندي فكرة. فبرضه عشان خاطر ايه تبعرفين المميزات والعيوب وwhat to expect هو ده الواقع

Abdul Osama
عن الكاتب

عبدول أسامة (Abdul Osama): رائد أعمال ومسوّق مصري، مؤسس وكالة ASPIRED، يشرح الذكاء الاصطناعي والتسويق والأعمال بالعربي.

كُتب هذا النص بمساعدة الذكاء الاصطناعي من الفيديو، وقد يحتوي على أخطاء بسيطة في النقل. · نسخة Markdown

مجتمع واتساب

انضم لتحديثات عبدول على واتساب

اكتب اسمك ورقم واتساب. أول ما يحصل حاجة كبيرة هتعرفها قبل الجميع: كورسات جديدة، أدوات، جلسات مباشرة، والتحديثات المميزة جدًا.

حددنا دولتك: الولايات المتحدة. غيّر الكود لو رقمك من دولة تانية.

اسأل الذكاء الاصطناعي عني