WebDev-Nasredien

05/04/2026

🎓 تهنئة من القلب للمهندس: مصعب عبد الرحمن
إلى الزميل والصديق الصدوق، وخريج كلية الإمارات للعلوم والتكنولوجيا المتميز..
مصعب، اليوم لا أهنئك فقط على الشهادة، بل أهنئك على تلك الرحلة الطويلة من السهر والتعلم والاجتهاد التي أثمرت نجاحاً نراه اليوم واقعاً. يسعدني جداً ويشرفني أنني كنت من تلك "القلة القليلة" التي شهدت بداياتك، وعاصرت معك كل لحظات التعب، واليوم أراك تلمع في عالم تقنية المعلومات.
💻 رحلة التميز بين الـ Front-end والـ Back-end
لقد اخترت مسارك ببراعة في الـ Front-end، وبالرغم من "المناكفات" والمشاجرات التقنية المعتادة بيننا (بصفتي مبرمج Back-end صامد)، إلا أنني لا أخفي سراً حين أقول إنني ألجأ إليك كثيراً لأتعلم منك فنون الواجهات ولمساتك الإبداعية.
لن أنسى فضلك في مشروعي السابق "نظام حوراء العبرة"، حين استعصت عليّ مشاكل أزرار التحديث والحذف، فكنت أنت المنقذ بلمساتك التي حلت العقدة. هذا هو ديدنك دائماً؛ طالب مجتهد، زميل معطاء، ومبرمج لا يشق له غبار.
"النجاح ليس مجرد وصول، بل هو أثر طيب نتركه فيمن حولنا، وأنت تركت أثراً عظيماً باجتهادك."
💡 ختاماً.. كلمة من "باك آند" لـ "فرونت آند"
أتمنى لك مزيداً من التقدم والنجاح، وأن نرى اسمك في أعلى المراتب بازن الله
#كسرة
لكن يا مصعب..
بيننا وبينك، مهما عملت فيها مهندس كبير، حتظل في نظري "زول فرونت آند" ساكت! 😂 يعني شغلنا في الـ Server هو الأساس، وأنت بس بتجمل القشرة.. لكن للأمانة، قشرتك سمحة شديد وما بنقدر نستغنى عنها!
مبروك يا هندسة، ومن نجاح لنجاح أسي وفوق! 🚀🔥

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

بس اتخيل معاي يا زعيم..
أنا مطور ويب سوداني، ومضطر أستخدم تقنية أو خدمة سحابية في موقعي، والوصول للتقنية دي محظور في السودان. طيب هل منطقي أقول للمستخدمين السودانيين (اللي الخدمة أصلاً موجهة ليهم): "شغلو VPN عشان تقدروا تستخدموا موقعي"؟!
أكيد لا، دي تجربة مستخدم (UX) سيئة جداً.
​هنا بيجي السؤال الأهم: كيف أنا كمطور أقدر أكسر الحظر الجغرافي (Geo-blocking) دا، وأخلي المستخدمين في الدول المحظورة يصلوا لموقعي ويستخدموا الخدمة بدون أي تعقيدات؟
بقول ليك: إيوااا ممكن، وخليني أحكي ليك تجربتي العملية. 👇

​📌 مثال سريع: منصة Render
دي منصة بتقدم خدمات سحابية زي استضافة المواقع وقواعد البيانات، والوصول لخدماتها محظور في السودان. طيب Render بتحل القصة دي كيف؟

باختصار، بيستخدموا Cloudflare تحت الصندوق 📦. يعني الطلب (Request) ما بيمشي لـ Render مباشرة، بيمشي يسلم على Cloudflare أول كـ (Proxy)، وبعدها يدخل Render، ويرجع ليك.

كلاودفلير دي بنية تحتية عملاقة بتنظم ملايين الطلبات في الملي ثانية، بتخفف الضغط، وعندها Caching و Load balancers عظيمة جداً. (عشان كدا يوم ما Cloudflare تقع، نص كوكب الأرض بيقع معاها!).

​🚀 التحدي بتاعي مع منصة Bunny.net:
في منصة جامعيه (... )، كنت محتاج مساحة 200 جيجا لملفات الموقع، وبث فيديوهات خارج السيرفر الرئيسي.
أفضل خيار كان منصة Bunny (CDN). اشتركنا وحجزنا المساحة (Bunny Storage & Bunny Stream)، وظبطنا الأمور.

رفعت أول فيديو، كل شي تمام في لوحة التحكم.. جيت أشغله من السودان؟
❌ للاسف Error: لا يمكن الوصول إلى المحتوى!
شغلت الـ VPN؟ الفيديو اشتغل "ظط". بس زي ما قلنا، ما ينفع أجبر اليوزر يشغل VPN.
​💡 رحلة البحث عن الحل:
في البداية كنت فاكر إنو "سوداتل" هي الحاظرة العناوين دي، فقلت أغير الدومين الافتراضي لـ Custom Domain.
جريت "سوق الجمعة" في Hostinger لقيت دومينات رخيصة، بس اتأخروا علي. قمت مشيت طوالي لـ Namecheap واشتريت دومينين لمدة سنة.
عملت الـ Custom domain للملفات، ورفعنا، وجيت أجرب..
❌ تاني يا مان: لا يمكن الوصول إلى المحتوى! 😒✋️
​هنا قربت أجن، والحلول بقت صفرية، و Gemini ذاتو بدأ يهلوس معاي 😂. بس ما سكتّ.
حجزت تذكرة دعم فني مع Bunny، ورد علي موظف اسمه Jack. بعد نقاش، اكتشفت إنو الحظر ما من سوداتل، الحظر من سيرفرات Bunny نفسها لأي IP سوداني!

​🔥 الحل السحري والمتك الصاح بـ Cloudflare:
بما إنو الدومين الرئيسي مستخدم في خدمات تانية، عملت دومين فرعي (Subdomain) خاص بالملفات بس، وربطتو في Cloudflare.
أخدت الـ Nameservers من كلاودفلير، ورجعت للـ Advanced DNS في Namecheap وضفتهم هناك.
كدا أي طلب للملفات لازم يمر عبر Cloudflare الأول (وهي بتغطي على الـ IP السوداني وتتكلم مع Bunny بالنيابة عننا).

​⚠️ تريكات مهمة عشان ما تتبلك:
هل Cloudflare مناسبة لبث الفيديوهات مجاناً؟ لا طبعاً!
• ​قفت الـ Caching: كلاودفلير بتديك كاش مجاني لحدي حجم معين، بس فيديوهاتي بالجيجات، فلو خليتو شغال حيحظروني. وقفته طوالي.
• ​وقفت الـ Bot Fight Mode (الكابتشا): عشان ما يطلب تحقق أمني ويعطل الـ API بتاعي.
​🎯 النتيجة؟
الموقع بقى صااااروخ يا عمك 🚀، وشغالين بـ Render و Bunny، وكاسرين الحظر بـ Cloudflare، والمستخدم السوداني بيحضر الفيديوهات بأعلى جودة وبدون أي VPN!
​اها يا فرده، لو وصلت لغاية هنا، هل واجهتك مشكلة زي دي قبل كدا؟ وهل حليت موضوع الحظر دا بطريقة أسهل وأفضل من كدا؟
ورينا في التعليقات خلو الفايدة تعم! 👇

#كسره
شباب انا مرتشف ٤ كوب قهوه عشان اكتب البوست دا وحارق سعرات حراريه فرجاء يعني لايك وشير نستاهل ياخ✋️😁😁
​ #برمجة #السودان #برمجيات

05/04/2026

الموظف مشى؟ الشغل ما بيمشي وراه! ✋💼
بدلاً من حذف الحسابات وتخريب التقارير، استخدم ميزة "تعطيل الحساب" الجديدة. داتا موجودة، حسابات مضبوطة، وراحة بال أكيدة.
التحديث الجديد صار متاح الآن! 💻

05/04/2026

درسة الستة أيام!

05/04/2026

اعتراف مبرمج: رحلتي من الاستهزاء بالفرونت إند إلى "درس الستة أيام"!
بصفتي Back-end Developer، كنت دائمًا أنظر للـ Front-end بشيء من الاستخفاف.. حتى قررت خوض التجربة مع React & Inertia.js. وهنا تعلمت الدرس قاسيًا!
الـ Bug المستعصي:
واجهت مشكلة غريبة في طلبات الـ Update و Delete؛ المتصفح يرسل الطلب ثم يدخل في دوامة من الـ Many Redirects للصفحة الرئيسية مع ID عشوائي، ويرسل طلبات GET بدلاً من PUT/DELETE في الوقت الخطأ.
معركة الذكاء الاصطناعي:
قضيت 6 أيام كاملة في تحليل المشكلة. لم أترك نموذج ذكاء اصطناعي إلا واستعنت به:
(ChatGPT, Claude, DeepSeek, Gemini, Qwen, Copilot)..
كلهم أجمعوا على جملة واحدة: "الكود سليم ومن المفترض أن يعمل!".
الحل الجذري والدرس المستفاد:
بعد فقدان الأمل، قررت بناء المشروع من الصفر يدوياً دون مساعدة AI. نقلت الـ Controllers, Pages, و Routes فقط، واكتشفت أن الخطأ كان يكمن في "تفاصيل صغيرة ودقيقة" في الإعدادات لا يدركها الذكاء الاصطناعي لأنه يحلل جودة كتابة الكود ولا يدرك "المنطق الخفي" أو أخطاء الربط البسيطة.
💡 نصيحة لكل مبرمج: لا تعتمد على الذكاء الاصطناعي في كل شيء، خاصة في الإعدادات الحساسة والتفاصيل الدقيقة. هو أداة للمساعدة في المهام العادية، لكنه قد يغرقك في أخطاء إضافية إذا اعتمدت عليه كلياً في حل مشاكل "المنطق".
🛠️ مشروع نظام إدارة مركز البصريات (90% مكتمل) 👓
بعد هذه المعركة، يسعدني مشاركتكم ملامح مشروعي الحالي، وهو نظام متكامل لإدارة مراكز البصريات بمميزات قوية:
نظام متعدد الفروع (Multi-branch): إدارة فروع مستقلة تماماً (مخزون، موظفين، مديرين) لكل فرع.
إدارة المخزون الذكية: نظام إشعارات فورية عند نفاذ المنتجات.
تواصل آلي: إرسال نتائج الفحوصات للعملاء عبر البريد الإلكتروني تلقائياً.
تقارير الإدارة: تقارير مبيعات يومية وإحصائيات الفحوصات تصل لمالك المركز مباشرة.
التحكم بالحسابات: نظام مرن لتنشيط أو إيقاف حسابات الموظفين.
نظام الخصومات: مرونة كاملة في تطبيق التخفيضات على الفواتير.
العمل على الفرونت إند علمني احترام هذا التخصص وتقدير تفاصيله. القادم أفضل بإذن الله!

11/02/2026

ما هو OSI Model؟

هو نموذج نظري يقسم عملية الاتصال في الشبكات إلى 7 طبقات ليسهّل فهمها وحل مشاكلها.

كل طبقة لها وظيفة محددة، وتعمل مع الطبقات الأخرى لإرسال البيانات من جهاز إلى آخر.
طبقات OSI السبعة (من الأعلى للأسفل)
7️⃣ Application (التطبيق)

أقرب طبقة للمستخدم

مثل: HTTP, FTP, SMTP

مثال: فتح موقع ويب

6️⃣ Presentation (العرض)

تشفير البيانات

ضغط البيانات

تحويل الصيغ (مثل JPEG, MP4)
Session (الجلسة)

إنشاء الجلسة بين جهازين

إدارة الاتصال وإنهاؤه

4️⃣ Transport (النقل)

تقسيم البيانات

التحكم في الأخطاء

بروتوكولات: TCP / UDP

3️⃣ Network (الشبكة)

تحديد أفضل مسار

التعامل مع IP Address

أجهزة مثل: Router
2️⃣ Data Link (ربط البيانات)

التعامل مع MAC Address

مسؤول عن الإرسال داخل نفس الشبكة

أجهزة مثل: Switch

1️⃣ Physical (الفيزيائية)

الكيابل، الإشارات الكهربائية

مثل: Ethernet Cable

This image from Developer creation

09/02/2026

++ هي لغة برمجة قوية وعالية الأداء، تُستخدم عندما تكون السرعة والتحكم في الذاكرة أمرًا أساسيًا. تُعد من أقدم وأهم لغات البرمجة، وهي أساس لكثير من التقنيات الحديثة.

تُستعمل C++ في مجالات مثل:

أنظمة التشغيل

الألعاب (Game Engines)

البرمجيات الثقيلة وعالية الأداء

الأنظمة المدمجة (Embedded Systems)

محركات المتصفحات وقواعد البيانات

تتميّز C++ بـ:

سرعة تنفيذ عالية جدًا

تحكم كامل في الذاكرة والموارد

فهم عميق لكيفية عمل الحاسوب من الداخل

لكن في المقابل:
صعبة نسبيًا على المبتدئين

تحتاج صبرًا وانتباهًا للأخطاء

التطوير بها أبطأ من بعض اللغات الحديثة

من ناحية سوق العمل:

عدد المبرمجين المتقنين لها أقل مقارنة باللغات الشائعة

الأجور غالبًا مرتفعة

فرص العمل أقل لكنها متخصصة وقوية

الخلاصة:
C++ ليست لغة لمن يبحث عن الطريق السهل أو السريع، بل لمن يريد أساسًا متينًا وقوة حقيقية في البرمجة. من يتقنها، يفهم البرمجة فعلًا، لا مجرد كتابة كود.

09/02/2026

PHP هي لغة برمجة تُستخدم أساسًا في تطوير مواقع الويب، وتعمل في جهة الخادم (Server-Side). أي أن الكود يُنفّذ على السيرفر، ثم تُرسل النتيجة للمستخدم على شكل صفحة ويب.

تتميّز PHP بسهولة التعلّم للمبتدئين، وانتشارها الواسع، حيث تعتمد عليها ملايين المواقع حول العالم، ومن أشهر الأنظمة المبنية بها: WordPress، Laravel، Drupal وغيرها.

قوة PHP تكمن في:
التعامل مع قواعد البيانات بسهولة، خصوصًا MySQL

إنشاء مواقع ديناميكية (تسجيل دخول، نماذج، لوحات تحكم)

سرعة التطوير وقلة التكلفة

من ناحية سوق العمل، PHP لغة منتشرة جدًا، وهذا يعني:

فرص عمل كثيرة

منافسة عالية

الأجور تختلف حسب الخبرة والإطار المستخدم

ورغم ظهور لغات وتقنيات أحدث، ما زالت PHP حاضرة بقوة، وتتطور باستمرار، ومع الإطارات الحديثة مثل Laravel أصبحت أكثر تنظيمًا وأمانًا وقوة.

الخلاصة:
PHP ليست لغة قديمة كما يظن البعض، بل أداة فعّالة، ومن يتقنها ويضيف لها فهمًا جيدًا للمنطق والأنظمة يمكنه بناء مسار مهني ناجح.

09/02/2026

مشاكل ناس الFrontend 🤣🤣🤣

09/02/2026

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

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

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

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

البرمجة ليست سباقًا لمن يصل أولًا، بل رحلة لمن يعرف لماذا بدأ، وأين يريد أن يصل.

07/02/2026

أعلن لكم عن إطلاق صفحتي الجديدة: WebDev-Nasredien

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

ماذا ستجدون في الصفحة؟

ما أتعلمه حاليًا في البرمجة

أشياء تعلمتها سابقًا وأحب مشاركتها

نصائح وتجارب من رحلتي الشخصية

محتوى بسيط ومفيد لكل مهتم بتطوير الويب

إن كنت مهتمًا بالبرمجة أو تحب تتابع رحلة شخص يتعلم ويجرب مثلك، فوجودك يشرفني
تابعوني وخلّونا نتعلم معًا خطوة بخطوة!