joe / sukar
كل المشاريع

cli.fail

أصلح الكارثة، واحتفظ بالمزحة.

تحدٍّ يومي لسطر الأوامر، ومجموعة تدريب مكتوبة بعناية، ومتحف صغير لكوارث الطرفية. سبب مفيد للعودة إلى مزحة مألوفة للمطورين.

دوري
الفكرة والكتابة وتصميم التفاعل وتطوير الواجهة
المنصة
الويب
التقنيات
HTML / CSS / JavaScript / توليد الصفحات الثابتة / اختيار التاريخ وفق UTC / التخزين المحلي
لديك مشروع مشابه؟ لنتحدث ↖

تجربة ويب إبداعية · فكاهة المطورين

  1. 01افهم العطل
  2. 02اختر وتعلّم
  3. 03عُد أو تدرّب
التحدي
تُضحك مزحة الطرفية مرة؛ وقد يشجع تحدٍّ صغير ومفيد على العودة.
مساهمتي
الفكرة والكتابة وتصميم التفاعل والتنفيذ الثابت في المتصفح.
النتيجة
لغز يومي وفق UTC، ومجموعة تدريب مكتوبة، ونتائج قابلة للمشاركة دون تشغيل الأوامر.

كان يعمل على جهازي. ماذا الآن؟

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

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

مشكلة واحدة. وعدة أوامر تبدو منطقية.

تضم المجموعة الأولى أحد عشر سيناريو مكتوبًا يغطي أدوات Git وnpm وDocker وBash. يوضح كل سيناريو البيئة المعنية ويقدم أربعة خيارات. وتشرح الإجابة السلوك الفعلي، مع إتاحة الوثائق الرسمية لمن يريد التعمق.

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

يوم مشترك، دون قاعدة بيانات مشتركة.

يعتمد الاختيار اليومي على UTC وبنك تحديات ذي إصدارات محددة. ترتبط النتائج المحلية بذلك التاريخ والإصدار، بينما يظل التدريب متاحًا بصورة منفصلة. ويمكن للزائر العودة إلى نتيجة اليوم دون حساب مستخدم.

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

واجهة طرفية، دون طرفية تعمل خلفها.

تُعرض الأوامر كنصوص؛ ولا يشغّلها المتصفح في صدفة أوامر. تتيح صفحات التحديات الثابتة السيناريو وشرحه عبر روابط عادية، بينما تدير حالة المتصفح الاختيار والتغذية الراجعة والنتيجة اليومية.

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

دع المستخدمين يتحكمون في التجربة.

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

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

ركن صغير على الويب يستحق العودة.

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

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

كيف تتكامل الأجزاء.

  1. 01

    افهم العطل

    ابدأ بسيناريو واضح والبيئة التي حدث فيها.

  2. 02

    اختر وتعلّم

    اختر أمرًا، ثم راجع الشرح والمرجع الرسمي.

  3. 03

    عُد أو تدرّب

    احتفظ بنتيجة يومية محلية، واستكشف مجموعة التحديات المكتوبة.

المشروع التالي
YouTogether

لديك مشكلة تستحق الحل؟

أخبرني بما تبنيه، أو بما يحتاج إلى تحسين.

ابدأ مشروعًا ↖