انتقل إلى المحتوى
المقالات حسب السنة

المقالات

  • ngrx-graph: التحليل الاستاتيكي ورسم المخططات البيانية لتطبيقات NgRx

    ngrx-graph: التحليل الاستاتيكي ورسم المخططات البيانية لتطبيقات NgRx

    ملخص تقوم أداة ngrx-graph بفحص مشاريع NgRx عبر تحليل شجرة الإعراب البرمجية (AST)، وحل الأسماء المستعارة والأفعال المتداخلة، ثم إنتاج مخططات تدفق مسار العمليات بصيغة DOT/SVG. أمر واحد يغنيك عن ساعات من تتبع الكود يدوياً.

    إذا قمت يوماً بتتبع تدفق حدث (Action) عبر كود NgRx واسع النطاق، متسائلاً أي Effect يستمع إليه، وأي Reducer يعالجه، وما إذا كان هناك Effect آخر يطلق حركياً حدثاً آخر في السلسلة، فأنت تعرف حجم المعاناة. التتبع اليدوي يعمل حتى يصل إلى حائط مسدود. استدعاء واحد مفقود لـ dispatch() مدفون داخل mergeMap كفيل بتدمير تصورك الذهني للكود.

    ← اقرأ المزيد
  • كيف أُعدّ Cloudflare لموقعي

    كيف أُعدّ Cloudflare لموقعي

    ملخص مراجعة منهجية لكل إعداد في خطة Cloudflare المجانية، ما يبقى مفعّلًا، ما يُعطّل، والمبدأات وراء كل قرار.

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

    ← اقرأ المزيد
  • كيف يعمل هذا الموقع: نظرة تقنية على البنية التقنية (Stack)

    كيف يعمل هذا الموقع: نظرة تقنية على البنية التقنية (Stack)

    ملخص شرح فني كامل لكيفية بناء هذا الموقع, من خط أنابيب المحتوى Bun + Astro إلى نشر Cloudflare والجافاسكريبت الدنيا والتحسينات الأدائية.

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

    ← اقرأ المزيد
  • محادثة غداء غيّرت موقعي

    محادثة غداء غيّرت موقعي

    ملخص كيف أدى نقاش عشوائي أثناء الغداء إلى إعادة بناء هذا الموقع باستخدام Astro وتحديث التقنيات بالكامل وإعادة التفكير فيه كورشة رقمية شخصية بدلاً من محفظة تقليدية.

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

    ← اقرأ المزيد
  • كيف أستخدم 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 صغير بنيته. التركيز على المتطلبات، التحديات التي واجهتها، وكيف يعالجها الحل النهائي، مع مقاطع كود توضح معالجة الحالة، التخزين المؤقت، والتفاعل مع الرسوم البيانية.

    ← اقرأ المزيد