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

ملخص تقوم أداة ngrx-graph بفحص مشاريع NgRx عبر تحليل شجرة الإعراب البرمجية (AST)، وحل الأسماء المستعارة والأفعال المتداخلة، ثم إنتاج مخططات تدفق مسار العمليات بصيغة DOT/SVG. أمر واحد يغنيك عن ساعات من تتبع الكود يدوياً.
إذا قمت يوماً بتتبع تدفق حدث (Action) عبر كود NgRx واسع النطاق، متسائلاً أي Effect يستمع إليه، وأي Reducer يعالجه، وما إذا كان هناك Effect آخر يطلق حركياً حدثاً آخر في السلسلة، فأنت تعرف حجم المعاناة. التتبع اليدوي يعمل حتى يصل إلى حائط مسدود. استدعاء واحد مفقود لـ dispatch() مدفون داخل mergeMap كفيل بتدمير تصورك الذهني للكود.
← اقرأ المزيدكيف أُعدّ Cloudflare لموقعي

ملخص مراجعة منهجية لكل إعداد في خطة Cloudflare المجانية، ما يبقى مفعّلًا، ما يُعطّل، والمبدأات وراء كل قرار.
افتح لوحة تحكم Cloudflare الخاصة بك اليوم وستجد العشرات من الميزات لتحسين الأداء والأمان والموثوقية. يتم تمكين بعضها بشكل افتراضي، ويوصى بالبعض الآخر، وتظهر الإمكانات الجديدة بانتظام مع تطور النظام الأساسي. مع وجود العديد من الخيارات المتاحة، أردت أن أفهم بشكل أفضل كيفية مساهمة كل إعداد في موقع الويب الخاص بي.
← اقرأ المزيدكيف يعمل هذا الموقع: نظرة تقنية على البنية التقنية (Stack)

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

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

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

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