انتقل إلى المحتوى

المقالات

← جديد هنا؟ ابدأ من هنا

  • كيف أستخدم Angular AI في المشاريع الحقيقية

    كيف أستخدم Angular AI في المشاريع الحقيقية

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

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

    ← اقرأ المزيد
  • كل كاميرا تحكي حكاية

    كل كاميرا تحكي حكاية

    ملخص تأمل شخصي حول كيف تشكل الكاميرات تصويرنا وإبداعنا والقصص التي نختار روايتها من خلال الصور.

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

    ← اقرأ المزيد
  • تسع سنوات على GitHub Pages، لماذا انتقلت أخيراً إلى Cloudflare

    تسع سنوات على GitHub Pages، لماذا انتقلت أخيراً إلى Cloudflare

    ملخص لماذا قمت بترحيل هذا الموقع من GitHub Pages إلى Cloudflare بعد ما يقرب من عقد، بما في ذلك عملية الترحيل والتحديات والمقايضات المكتشفة.

    لمدة تسع سنوات تقريباً، كان موقعي على GitHub Pages. مجاني، موثوق، بلا صيانة تقريباً. فما سبب الترحيل إلى Cloudflare Pages؟ هذا المقال يشرح الدافع وراء التغيير، كيف تم الترحيل، المشكلات التي ظهرت، والمقايضات التي اكتشفتها على طول الطريق.

    ← اقرأ المزيد
  • الذكاء الاصطناعي المحلي على MacBook Pro بسعة 16 جيجابايت RAM: ما يعمل فعلاً

    ملخص دليل عملي لتشغيل مساعدي البرمجة بالذكاء الاصطناعي محلياً على MacBook Pro M1 بسعة 16 جيجابايت, ما يعمل جيداً وما لا يعمل والمقايضات الحقيقية في الإعداد.

    مساعدي البرمجة بالذكاء الاصطناعي محلياً فكرة جذابة: لا تكاليف API، الكود يبقى على جهازك، وتجربة مشابهة لـ Claude Code مجاناً. لكن تشغيله بشكل جيد على MacBook Pro M1 بسعة 16 جيجابايت RAM يحتاج تجربة وخطأ أكثر مما تعترف به معظم الأدلة.

    ← اقرأ المزيد
  • أدوات التطوير الأساسية: إعداد Brewfile الخاص بي

    ملخص قائمتي المنسقة لأدوات التطوير الأساسية على macOS عبر Homebrew التي تعزز الإنتاجية اليومية ومتعة سير العمل بشكل كبير.

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

    ← اقرأ المزيد
  • محفظة, متتبع محفظة شخصية خفيفة

    ملخص يشرح هذا المنشور تصميم وتنفيذ متتبع محفظة شخصي بسيط قائم على المتصفح باستخدام React و TypeScript و Vite بما في ذلك المتطلبات والتحديات والحلول لإدارة الحالة والتخزين المؤقت والمخططات.

    هذا المنشور يشرح تصميم وتنفيذ متتبع محفظة browser-first صغير بنيته. التركيز على المتطلبات، التحديات التي واجهتها، وكيف يعالجها الحل النهائي، مع مقاطع كود توضح معالجة الحالة، التخزين المؤقت، والتفاعل مع الرسوم البيانية.

    ← اقرأ المزيد
  • إتقان أوامر Git: دليل عملي

    ملخص مجموعة عملية من أوامر Git الأساسية التي تساعد المطورين على تتبع التغييرات بشكل أفضل والتعاون بسلاسة وإدارة تاريخ المشروع بثقة.

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

    ← اقرأ المزيد
  • أنجولار - Content Projection

    ملخص يتيح Content Projection في Angular مكونات مرنة وقابلة لإعادة الاستخدام من خلال السماح بإدراج المحتوى من المكونات الأصلية إلى المكونات الفرعية.

    Content Projection في Angular تتيح إدراج مكون داخل مكون آخر. هذا يغير كيفية تصميم مطور Angular لتطبيقه أو مكتبته نحو مكونات مرنة وقابلة لإعادة الاستخدام، وهي حد أعود إليه عند تشغيل Angular AI في مشاريع حقيقية.

    ← اقرأ المزيد
  • ReactJS: المصفوفات في JSX

    ملخص نصيحة سريعة حول استخدام map للمصفوفات في JavaScript لعرض قوائم ديناميكية من العناصر في JSX بدلاً من الترميز الثابت للمكونات المتكررة لكود React أنظف وقابل للصيانة كما هو موضح في مثال لوحة Tic Tac Toe.

    عندما جربت دليل ReactJS البرنامج التعليمي قبل بضعة أشهر، لاحظت أن في كود البداية الرسمي، كانوا يكررون نفس العناصر div في طريقة render(). في حالة تغيير المصدر، سأذكره هنا:

    ← اقرأ المزيد
  • Fetch باستخدام Gitlab API

    ملخص سكريبت Python يستخدم GitLab API مع توكن خاص لاستنساخ أو جلب جميع المستودعات المتاحة تلقائياً مع التعامل مع التكوين عبر JSON وتوفير نسختين باستخدام argparse وملف التكوين للراحة.

    أستخدم gitlab، ولدي العديد من المستودعات التي أحتاج إلى تتبعها يومياً، أو حتى أكثر من مرة في اليوم. وجدت ذلك متعباً جداً أولاً لاستنساخ جميع تلك المستودعات عندما أغير جهاز العمل، ثم الحفاظ على جميع هذه المستودعات محدّثة. لهذا السبب بدأت في كتابة سكربت لأتمتة المهام المملة عن كتفي.

    ← اقرأ المزيد