برمجة - Barmajaa

📝 من أنواع المُحَرِّرَات ⌨️🪻 ليست كل البرامج التي نكتب فيها النصوص أو الأكواد من النوع نفسه، بل توجد عدة فئات:

✏️ محررات النصوص

Text Editor — محرر نصوص لتحرير النصوص والملفات بشكل عام. Plain Text Editor — محرر نصوص خام للتعامل مع النص دون تنسيق أو خصائص غنية. Rich Text Editor (RTE) — محرر نصوص منسقة يدعم الخطوط، الألوان، الصور، الجداول والتنسيق. Markdown Editor — محرر Markdown مخصص لكتابة ملفات .md. LaTeX Editor — محرر LaTeX لكتابة المستندات العلمية والرياضية. Document Editor — محرر مستندات لإنشاء وتحرير المستندات والملفات المكتبية.

💻 محررات البرمجة

Code Editor — محرر أكواد مخصص لكتابة الأكواد مع Syntax Highlighting وميزات برمجية. Source Code Editor — محرر الشفرة المصدرية يركز على تحرير ملفات Source Code. Web Code Editor — محرر أكواد الويب مخصص لـ HTML وCSS وJavaScript وتقنيات الويب. Hex Editor — محرر Hexadecimal لتحرير البيانات الثنائية على مستوى البايتات. Binary Editor — محرر الملفات الثنائية للتعامل مع البيانات الثنائية مباشرة. SQL Editor — محرر SQL لكتابة وتنفيذ استعلامات SQL. Shader Editor — محرر Shaders لكتابة Shader Code المستخدم في الرسوميات. REPL / Interactive Editor — بيئة تفاعلية لكتابة وتنفيذ الأوامر والكود مباشرة.

🧠 بيئات التطوير

IDE (Integrated Development Environment) — بيئة تطوير متكاملة تجمع محرر الأكواد، Debugger، Compiler/Build Tools، Terminal وغيرها. Lightweight IDE — IDE خفيفة توفر وظائف IDE الأساسية مع استهلاك أقل للموارد. Full-featured IDE — IDE متكاملة توفر مجموعة كبيرة من أدوات التطوير والإدارة والتحليل. Cloud IDE — بيئة تطوير سحابية تعمل عبر الإنترنت وتوفر بيئة تطوير على خادم بعيد. Web IDE — بيئة تطوير عبر الويب IDE تعمل داخل المتصفح. Remote Development Environment — بيئة تطوير عن بُعد يكون الكود وبيئة التشغيل على جهاز أو خادم آخر.

🔧 أدوات متخصصة

Database IDE — بيئة تطوير قواعد البيانات لإدارة قواعد البيانات وكتابة الاستعلامات وتصميم الـ Schema. Game Engine Editor — محرر محركات الألعاب لتطوير الألعاب وإدارة المشاهد والأصول والكود. Level Editor — محرر المراحل لإنشاء وتصميم مراحل الألعاب. Visual Editor — محرر مرئي يعتمد على الواجهات والعناصر المرئية بدل الكتابة فقط. GUI Builder / UI Designer — مصمم واجهات لبناء واجهات التطبيقات بصريًا. Visual Programming Environment — بيئة برمجة مرئية تعتمد على Blocks أو Nodes بدل كتابة الكود التقليدي. Notebook Environment — بيئة دفاتر تفاعلية تجمع بين الكود، النتائج، النصوص والرسوميات. Scientific Computing Environment — بيئة حوسبة علمية للتحليل الرياضي والعلمي والمحاكاة. Firmware / Embedded IDE — بيئة تطوير الأنظمة المضمنة مخصصة للـ Microcontrollers والـ Embedded Systems. Mobile IDE — بيئة تطوير تطبيقات الهاتف مخصصة لتطوير Android وiOS وغيرها.

⚡️ أدوات سطر الأوامر

Terminal Editor — محرر يعمل داخل الطرفية مثل محررات Vim وNano. Modal Editor — محرر قائم على الأنماط يعتمد على أوضاع مختلفة للتحرير والتنقل. TUI Editor — محرر بواجهة نصية يستخدم واجهة رسومية داخل الـ Terminal.

🧩 محررات مدعومة بالذكاء الاصطناعي

AI Code Editor — محرر أكواد مزود بالذكاء الاصطناعي. محرر أكواد مزود بالذكاء الاصطناعي. AI IDE — IDE تعتمد بشكل كبير على أدوات الذكاء الاصطناعي. IDE تعتمد بشكل كبير على أدوات الذكاء الاصطناعي. AI-native Editor — محرر صُمم من الأساس حول AI. محرر صُمم من الأساس حول AI. Agentic Coding Environment — بيئة يستطيع فيها AI تنفيذ مهام برمجية متعددة الخطوات. بيئة يستطيع فيها AI تنفيذ مهام برمجية متعددة الخطوات. ملاحظة: بعض البرامج تنتمي إلى أكثر من فئة في الوقت نفسه.

💻 من أشهر الواجهات في تطبيقات ومواقع الهواتف من أشهر الـ Screens والواجهات التي ستجدها في تطبيقات الهاتف والمواقع:

🚀 1. Splash Screen

الشاشة التي تظهر عند تشغيل التطبيق، وغالبًا تحتوي على الشعار أو الهوية البصرية.

👋 2. Onboarding Screen

شاشات تعريفية تظهر عند أول استخدام للتطبيق لشرح أهم المميزات وكيفية استخدامه.

🔐 3. Login / Sign Up Screen

واجهة تسجيل الدخول وإنشاء حساب جديد.

🏠 4. Home Screen

الواجهة الرئيسية التي يصل إليها المستخدم بعد فتح التطبيق.

🔎 5. Search Screen

واجهة البحث عن المحتوى أو المنتجات أو المستخدمين.

📋 6. List Screen

عرض مجموعة من العناصر على شكل قائمة، مثل المقالات أو المنتجات أو المحادثات.

📄 7. Details Screen

عرض التفاصيل الكاملة لعنصر معين بعد اختياره.

📝 8. Form Screen

واجهة إدخال البيانات، مثل التسجيل، إضافة منتج، إنشاء منشور أو تعديل المعلومات.

⚙️ 9. Settings Screen

واجهة إعدادات التطبيق والحساب والإشعارات والمظهر وغيرها.

👤 10. Profile Screen

واجهة الملف الشخصي للمستخدم.

🔔 11. Notifications Screen

عرض الإشعارات والتنبيهات.

💬 12. Chat / Messaging Screen

واجهة المحادثات والرسائل.

🛒 13. Cart Screen

واجهة سلة المشتريات في تطبيقات التجارة الإلكترونية.

💳 14. Checkout / Payment Screen

واجهة إتمام الطلب والدفع.

✅ 15. Success / Confirmation Screen

تظهر بعد نجاح عملية معينة، مثل إنشاء الحساب أو الدفع أو إرسال البيانات.

⚠️ 16. Error Screen

تظهر عند حدوث خطأ أو فشل في تنفيذ عملية.

📭 17. Empty State Screen

تظهر عندما لا توجد بيانات، مثل: "لا توجد إشعارات" أو "سلة المشتريات فارغة".

📶 18. Offline / No Internet Screen

تظهر عند فقدان الاتصال بالإنترنت.

⏳ 19. Loading Screen

واجهة أو حالة تظهر أثناء تحميل البيانات، وقد تستخدم Skeleton أو Progress Indicator.

🔒 20. Permission Screen

تطلب من المستخدم منح صلاحيات مثل الكاميرا والموقع والإشعارات.

🎉 21. Welcome Screen

واجهة ترحيبية بالمستخدم، وقد تكون منفصلة عن الـ Onboarding.

🔄 22. Update Screen

تُستخدم لإخبار المستخدم بوجود إصدار جديد أو ضرورة تحديث التطبيق.

🚧 23. Maintenance Screen

تظهر عندما تكون الخدمة أو الموقع تحت الصيانة.

🔍 24. 404 / Not Found Screen

واجهة تظهر عندما يحاول المستخدم الوصول إلى صفحة غير موجودة.

📱 25. Bottom Sheet / Modal

ليست شاشة مستقلة دائمًا، لكنها من أشهر عناصر الواجهة لعرض خيارات أو معلومات فوق المحتوى الحالي. 💡 الخلاصة: معرفة هذه الواجهات مهمة جدًا لأي مصمم واجهات مستخدم أو أي مطور لأنها تمثل الأنماط الأساسية التي تتكرر في معظم التطبيقات والمواقع الحديثة. #UI #UX #Design #Development

متسق، هو تطبيق لمنصة من التطبيقات التي تعين على الإسلام والالتزام باتساق ويسر بإذن الله... الخصائص الحالية: - ترميز موحد لكل المنصات المحلية (الأندرويد والآي او اس وغيرها) ومفتوح المصدر مع قابلية الوصول كذلك من قبل أي متصفح على أي جهاز. - أذكار الصباح والمساء مع إمكانية إدارتها. - نمط تلاوة للقرآن الكريم مع قابلية النسخ السريع والبحث اللّغوي المتكامل بإذن الله وكذلك خاصيّة تتبع للورد اليومي. رابط تطبيق الويب (يعمل على متصفح أي جهاز): https://muttasiq.com رابط تطبيق الأندرويد: https://play.google.com/store/apps/details?id=dev.goodm4ven.muttasiq رابط تطبيق الآي او اس: https://apps.apple.com/us/app/%D9%85%D8%AA%D8%B3%D9%82/id6759810123 رابط الترميز مفتوح المصدر: https://github.com/GoodM4ven/NATIVE_TALL_muttasiq-dot-com رابط مقطع يشرح كيفية عمل المنصة: https://www.youtube.com/watch?v=3gVbuDSm-uk • المهام الرئيسية • التبليغ عن الأخطاء • الاقتراحات ونقاشها • التطوير الحالي • دعم المشروع

🖌 أنواع صيغ الألوان في التصميم والبرمجة 🎨 1️⃣ صيغ RGB & RGBA (أحمر، أخضر، أزرق + شفافية) ▪️ RGB(255, 0, 0) → أحمر ▪️ RGB(0, 255, 0) → أخضر ▪️ RGB(0, 0, 255) → أزرق ▪️ RGBA(255, 0, 0, 0.5) → أحمر نصف شفاف 2️⃣ صيغة HEX ▪️ #FF0000 → أحمر ▪️ #00FF00 → أخضر ▪️ #0000FF → أزرق ▪️ #1A2B3C → لون مخصص ▪️ #FFF → اختصار للأبيض ▪️ #000 → اختصار للأسود 3️⃣ صيغة HSL & HSLA ( Hue, Saturation, Lightness ) ▪️ HSL(0, 100%, 50%) → أحمر ▪️ HSL(120, 100%, 50%) → أخضر ▪️ HSL(240, 100%, 50%) → أزرق ▪️ HSLA(240, 100%, 50%, 0.7) → أزرق مع شفافية 4️⃣ صيغة CMYK (للطباعة) ▪️ CMYK(0, 100%, 100%, 0%) → أحمر ▪️ CMYK(100%, 0, 100%, 0%) → أخضر ▪️ CMYK(100%, 100%, 0, 0%) → أزرق ▪️ CMYK(0, 0, 0, 100%) → أسود 5️⃣ صيغ أخرى / أسماء ألوان ▪️ red → أحمر ▪️ blue → أزرق 6️⃣ صيغة HSV / HSB (تشبه HSL لكن بقيم مختلفة) ▪️ HSV(0, 100%, 100%) → أحمر ▪️ HSV(120, 100%, 100%) → أخضر ▪️ HSV(240, 100%, 100%) → أزرق 📌 لماذا يجب أن نعرفها؟ لأنها أساس أي عمل في التصميم، وكل صيغة لها مجال استخدامها المناسب.

🖌 أنواع صيغ الألوان في التصميم والبرمجة 🎨 🔴 1️⃣ صيغ RGB & RGBA (أحمر، أخضر، أزرق + شفافية) ▪️ RGB(255, 0, 0) → أحمر ▪️ RGB(0, 255, 0) → أخضر ▪️ RGB(0, 0, 255) → أزرق ▪️ RGBA(255, 0, 0, 0.5) → أحمر نصف شفاف 🟢 2️⃣ صيغة HEX ▪️ #FF0000 → أحمر ▪️ #00FF00 → أخضر ▪️ #0000FF → أزرق ▪️ #1A2B3C → لون مخصص ▪️ #FFF → اختصار للأبيض ▪️ #000 → اختصار للأسود 🟡 3️⃣ صيغة HSL & HSLA ( Hue, Saturation, Lightness ) ▪️ HSL(0, 100%, 50%) → أحمر ▪️ HSL(120, 100%, 50%) → أخضر ▪️ HSL(240, 100%, 50%) → أزرق ▪️ HSLA(240, 100%, 50%, 0.7) → أزرق مع شفافية 🔵 4️⃣ صيغة CMYK (للطباعة) ▪️ CMYK(0, 100%, 100%, 0%) → أحمر ▪️ CMYK(100%, 0, 100%, 0%) → أخضر ▪️ CMYK(100%, 100%, 0, 0%) → أزرق ▪️ CMYK(0, 0, 0, 100%) → أسود 🟣 5️⃣ صيغ أخرى / أسماء ألوان ▪️ red → أحمر ▪️ blue → أزرق 🟠 6️⃣ صيغة HSV / HSB (تشبه HSL لكن بقيم مختلفة) ▪️ HSV(0, 100%, 100%) → أحمر ▪️ HSV(120, 100%, 100%) → أخضر ▪️ HSV(240, 100%, 100%) → أزرق 📌 لماذا يجب أن نعرفها؟ لأنها أساس أي عمل في التصميم، وكل صيغة لها مجال استخدامها المناسب.

قوائم مشاريعي التوثيقية لتعلم الأساسيات العملية في البرمجة 📋🗄:

لغات وتقنيات وأدوات:

https://github.com/stars/M4MD24/lists/programming-advices-courses

الدورات التعليمية لأبو هدهود:

https://github.com/stars/M4MD24/lists/programming-advices-courses

السلام عليكم ورحمة الله. تذكير برابط دعوة وقف لأهل الحديث لمن أراد تعلم صنعة تطوير التطبيقات الرقمية. https://t.me/+roZ3Bz5rCuwxZTRk المتطلبات: 0. جهاز تخزين خارجي (هارد ديسك) لنسخ الملفات المهمة الموجودة حاليا عليه. 1. جهاز حاسوب محمول للتطوير فقط (سيتم التخلص من أي نظام آخر موجود على الجهاز، ولذلك احتجنا للخطوة 0). 2. جهاز تخزين خارجي صغير (فلاش درايف) لحرق نظام التشغيل عليه. 3. الاستعداد للتعامل مع نظام لينوكس (سيتم الإرشاد خطوة بخطوة بإذن الله). 4. مشاهدة الفيديوهات كاملة والتقليد خطوة بخطوة حتى تشغيل التطبيق (متسق) محليا على الجهاز. 5. هناك قسم للإرشاد والسؤال وحل المشاكل أثناء التطوير باستخدام التقنيات المشروحة نفسها. ملاحظات: - يجب ∗∗∗∗∗∗∗∗ ∗∗∗∗∗∗ أهل الحديث ∗∗∗∗∗∗∗ في كتاب ∗∗∗∗∗∗∗ للآجري رحمه الله. - سيتم ∗∗∗∗ ∗∗∗∗∗ ∗∗∗∗∗∗∗∗ حين ينتهي نشر دورة أساسية جديدة داخل القناة إن شاء الله. - ∗∗∗∗∗∗ ∗∗∗∗ بالرجال ∗∗∗∗. - يمنع ∗∗∗∗∗∗ ∗∗ ∗∗∗∗ حسابه ∗∗∗ ∗∗∗ سيئة جارية ∗∗∗ الممات. يرجى النشر لمن يهمه الأمر...

🔐 Basic

نقل (اسم المستخدم + كلمة المرور) مشفر بـ Base64 ويُعَرَّف في (RFC 7617)

🧩 Digest

إرسال تجزئة (Hash) للبيانات بدلاً من كلمة المرور ويُعَرَّف في (RFC 7616)

🎫 Bearer

استخدام رمز وصول (Access Token) للدلالة على الصلاحية ويُعَرَّف في (RFC 6750)

🍪 Sessions

تخزين الجلسة بالخادم وإرسال Session ID للعميل (عبر Cookie)

📜 JWT

رمز JSON موقع إلكترونيًا لنقل المزاعم (Claims) ويُعَرَّف في (RFC 7519)

⚙️ OAuth

تفويض تطبيقات الطرف الثالث للوصول المحدود ويُعَرَّف في (RFC 6749) ———— 📕 ما هو RFC؟ وثائق فنية مرجعية (Request for Comments) تنشرها IETF، تحدد معايير البروتوكولات، والأرقام (مثل 7617) مُعرِّفات دائمة لكل وثيقة.

نبذة عن الـ HTTP Methods 🌐: تُستخدم لتحديد نوع العملية عند التعامل مع الـ API

🔍 GET

لجلب بيانات

🆕 POST

لإنشاء بيانات

✏️ PUT

لتحديث كامل

🩹 PATCH

للتحديث الجزئي

🗑 DELETE

لحذف بيانات

📄 HEAD

للفحص بدون محتوى

⚙️ OPTIONS

الـ(Methods) المسموحة (CORS)

🛰 TRACE

للتبع الطلب

🔐 CONNECT

نفق اتصال (HTTPS / Proxy)

ما الفرق بين خياري بناء تطبيق الأندرويد في Intellij IDEA؟

Generate APKs

- ينتج ملف Android Package Kit (.apk). - يمكن تثبيته مباشرة على أي جهاز أندرويد. - لا يعتمد على Google Play.

Generate Bundles (AAB)

- ينتج ملف Android App Bundle (.aab). - لا يمكن تثبيته مباشرة. - إلزامي للنشر على Google Play، ليقوموا بتحويله إلى APKs مخصصة لكل جهاز.