برمجة - Barmajaa

💻 من أشهر الواجهات في تطبيقات ومواقع الهواتف من أشهر الـ 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 مخصصة لكل جهاز.

📚 مكتبة أبو عثمان محمد بن سعداوي 📚

https://t.me/addlist/SCjxJuhzh-pmNmM0