.
Template Strings :
📰جديد في Python 3.14 سلاسل t هي سلاسل f ولكنها آمنة للنوع🔒
🐍 يقدم Python 3.14 صيغة نحوية جديدة للسلاسل تركز على سلامة النوع والتكامل مع أنظمة القوالب، وSQL، وHTML، والمزيد🔥.
بدلًا من بناء استعلامات SQL بطريقة بدائية (التي قد تسبب ثغرات مثل SQL Injection)، تستخدم القوالب💻.
⚪️الناتج :
تكامل
تستطيع بناء صفحات أو أجزاء HTML بسهولة، ويمكن استخدامها كذلك مع Django و Flask🖥.
⚪️الناتج:
.
خطوة بسيطة مثل
#python
Template Strings :
t"..."📰جديد في Python 3.14 سلاسل t هي سلاسل f ولكنها آمنة للنوع🔒
🐍 يقدم Python 3.14 صيغة نحوية جديدة للسلاسل تركز على سلامة النوع والتكامل مع أنظمة القوالب، وSQL، وHTML، والمزيد🔥.
❕ ما هو "...."t ؟تكامل
هو template string — أي سلسلة نصية تحتوي على متغيرات قابلة للتبديل لاحقًا.
👍 ال "..."t هي مثل "..."f ولكنها تمتاز ب :
- الاستيفاء محدود ومسيطر عليه.
- يتم الحفاظ على الامتثال الصارم للقالب.
- يمكنك تمرير المتغيرات بشكل صريح، مما يمنع SQL Injection وXSS.
🔐 لماذا هذا ضروري؟
✅ الأمان عند إنشاء SQL وHTML وJSON🛡.
✅ تحسين الأدوات والتحقق من النوع (عبر التحليل الثابت)💬.
✅ التحكم في سياق التنفيذ (لم يعد بإمكانك إدراج متغير كما هو - بل تحتاج إلى تمريره صراحةً)🎛.
👩💻 الاستخدام:
تعتبر سلاسل النصوص t هي الخطوة الأولى نحو "السلاسل النصية القالبية" كما هو الحال في TypeScript🖥.
"..."t مع SQL🖥بدلًا من بناء استعلامات SQL بطريقة بدائية (التي قد تسبب ثغرات مثل SQL Injection)، تستخدم القوالب💻.
query = t"SELECT * FROM users WHERE username = {username} AND age > {age}"
print(query.format(username="Oday", age=20))⚪️الناتج :
SELECT * FROM users WHERE username = Oday AND age > 20
تكامل
"..."t مع HTML🖥تستطيع بناء صفحات أو أجزاء HTML بسهولة، ويمكن استخدامها كذلك مع Django و Flask🖥.
name = "Oday"
template = t"<h1>Welcome, {name}!</h1>"
print(template.format(name=name))
⚪️الناتج:
<h1>Welcome, Oday!</h1>
.
خطوة بسيطة مثل
"..."t أضافت بُعدًا جديدًا وفتحت آفاقًا واسعة لتجمع بين البساطة والقوة في كل سطر نقوم بكتابته🤝.#python
👍2❤1
🖥 1000 دليل للمطورين في مستودع واحد📖
لقد أمضى مطور تويتر 10 سنوات في جمع هذا الكنز الحقيقي من المعرفة، لا لنفسه، بل لنا جميعًا.
أن تشارك علمك، يعني أن تترك أثرًا لا يُمحى🤝.
فهل نملك الشغف لنصنع الإلهام ؟
#python
🈂في الداخل يوجد كل شيء حرفيًا:
من أوراق الغش حول اختصارات لوحة المفاتيح لتسريع عملك إلى الأدلة الأساسية حول لغات البرمجة وتطوير الويب وإنشاء البرامج والشبكات والتشفير والأمان والكثيررر🔘.
⚠️ماذا هناك:
⚪️أدوات للعمل مع CLI وGUI والويب والشبكات المحلية🌐.
⚪️قوائم بجميع أُطر العمل والمكتبات ذات الصلة في عام 2025⚙️.
⚪️أدلة حول اختبار التطبيقات واختراقها🔒.
⚪️أوراق الغش لسطر الأوامر 🔰.
⚪️مجموعة ضخمة من المدونات وقنوات اليوتيوب والوسائط والمجلات عبر الإنترنت لإبقائك على اطلاع دائم بالأمور👨💻.
لقد أمضى مطور تويتر 10 سنوات في جمع هذا الكنز الحقيقي من المعرفة، لا لنفسه، بل لنا جميعًا.
أن تشارك علمك، يعني أن تترك أثرًا لا يُمحى🤝.
فهل نملك الشغف لنصنع الإلهام ؟
#python
👍2
.
💻Oracle SQL on VS Code🖥
هي إمتداد مجاني من Oracle لبيئة VS Code للمطورين الذين يعملون مع قواعد بيانات Oracle سواءً كانت محلية أو على السحابة🔅.
لا تجعل الأدوات المعقدة تطفئ حماسك، ولا تسمح لها أن تسرق شغفك👻.
خلّك ذكي … يوجد كثيررر أدوات وتقنيات بسيطة، مرنة، وتنجز نفس الشغل وأكثر🤝.
الزمن تغيّر، ومعه تغيّرت الأدوات … نحنُ في عصر السرعة .
اليوم، اللي ينجز أكثر هو اللي يعرف يختار الأسهل، مش الأثقل⭐️.
#Tools
💻Oracle SQL on VS Code🖥
هي إمتداد مجاني من Oracle لبيئة VS Code للمطورين الذين يعملون مع قواعد بيانات Oracle سواءً كانت محلية أو على السحابة🔅.
⬇️طريقة تثبيتها :.
أولًا تأكد من أنك تملك أحدث إصدار من VS Code مثبتًا على جهازك 🧿.
ثانيًا قم بتحميل ال Extension الخاصة ب Oracle Developer Tools💻.
🈂ملاحظه : يظهر على ال Extension بأنها قديمة وتوجد لها أداة بديله ولكن تجاهل الأمر وأكمل التحميل لأن الأداة البديلة ثقيلة بعض الشيء وتتطلب تثبيت ال Node js🖥.
🔗خطوات الإتصال ب قاعدة بيانات Oracle:
بعد تحميل الأداة قم بتشغيلها وإنشاء إتصال
ستظهر لك نافذة تطلب إدخال بيانات الإتصال :
⚪️Database host name : localhost أو عنوان قاعدة البيانات السحابية
⚪️Port : 1521
⚪️Service name : orcl
⚪️Username : اسم المستخدم الخاص بقاعدة بياناتك
⚪️Password : كلمة السر
🖱وبعدها تضغط على زر Test Connection للتحقق من صحة الإتصال🎤.
🔗إذا تم الإتصال قم بإنشائه بالضغط على Create Connection✍️.
يمكنك الآن الضغط بزر الماوس الأيمن على قاعدة البيانات لإنشاء ملف SQL وإجراء جميع الإستعلامات الخاصة بك✅.
لا تجعل الأدوات المعقدة تطفئ حماسك، ولا تسمح لها أن تسرق شغفك👻.
خلّك ذكي … يوجد كثيررر أدوات وتقنيات بسيطة، مرنة، وتنجز نفس الشغل وأكثر🤝.
الزمن تغيّر، ومعه تغيّرت الأدوات … نحنُ في عصر السرعة .
اليوم، اللي ينجز أكثر هو اللي يعرف يختار الأسهل، مش الأثقل⭐️.
#Tools
👍2
.
لم تأتِ لتنافس ، بل جائت بمبدأ : الوضوح ، البساطة ، القوة🔰.
والآن تُغذّي أكبر إبتكارات هذا العصر : الذكاء الإصطناعي📱 - الأمن السيبراني💻 - علوم البيانات📈.
إنها ثورة بدأت بمبدأ :
قد تكون فكرتك بداية لقصة تُروى في كتب المستقبل💡، فالبساطة أفضل من التعقيد .
تذكر أن مجرد فكرة ... آمنَ بها شخص ، وألهم بها الملايين🤝.
#python
لم تأتِ لتنافس ، بل جائت بمبدأ : الوضوح ، البساطة ، القوة🔰.
والآن تُغذّي أكبر إبتكارات هذا العصر : الذكاء الإصطناعي📱 - الأمن السيبراني💻 - علوم البيانات📈.
إنها ثورة بدأت بمبدأ :
import this✅حقائق مثيرة عن Python:.
اسمPythonلا علاقة له بالأفعى! الاسم مستوحى من عرض كوميدي بريطاني شهير "Monty Python’s Flying Circus".
في أبريل من هذا العام ، وصلت Python إلى المرتبة الأولى عالميًا حسب مؤشر TIOBE، متفوقة على ++C بثلاث مرات.
مستودع PyPI ل حزم ومكاتب بايثون، تجاوز 500 ألف مكتبة، ويتم تحميل الحزم أكثر من 40 مليار مرة شهريًا من قِبل مستخدميها!
الأمرimport thisيعرض 19 مبدأ من فلسفة بايثون مثل مبدأ : "البساطة أفضل من التعقيد".
خوارزمة TimSort هي خوارزمية فرز تم تطويرها لبايثون في 2003 ، وأصبحت لاحقًا الخوارزمية الإفتراضية في Java وAndroid وSwift وRust .
وثيقة PEP 703 – هي وثيقة مقترحة لتقديم نسخة من Python بإسم CPython بدون GIL (Global Interpreter Lock)، مما يسمح بتنفيذ أكثر من مهمة في نفس الوقت (True Multithreading).
قد تكون فكرتك بداية لقصة تُروى في كتب المستقبل💡، فالبساطة أفضل من التعقيد .
تذكر أن مجرد فكرة ... آمنَ بها شخص ، وألهم بها الملايين🤝.
#python
👍2
هل عرفت ماهو الفرق بين RAM و ROM ؟
يحتوي الكمبيوتر على نوعين رئيسيين من الذاكرة وهما الذاكرة RAM والذاكرة ROM وسنقوم في هذا الدرس بتوضيح الفرق بينهم من أكثر من ناحية .
الاختصار
الذاكرة RAM : اختصار ذاكرة الوصول العشوائي Random Access Memory
الذاكرة ROM : اختصار ذاكرة القراءة فقط Read-Only Memory
الاستخدام
الذاكرة RAM : تقوم بتخزين البيانات بشكل مؤقت بحيث يستطيع الكمبيوتر قراءة البيانات المخزنة بها لتشغيل البرامج المختلفة .
الذاكرة ROM : تقوم بتحزين البيانات بشكل دائم مثل البيانات اللازمة لإقلاع الكمبيوتر .
القراءة والكتابة
الذاكرة RAM : تدعم القراءة والكتابة .
الذاكرة ROM : تدعم القراءة فقط .
الطاقة
الذاكرة RAM : لابد أن يكون الكمبيوتر متصلا بالطاقة حتى تستطيع تحزين البيانات .
الذاكرة ROM : لا تحتاج أن يكون الكمبيوتر متصلا بالطاقة حتى تستطيع تحزين البيانات .
الاحتفاظ بالبيانات
الذاكرة RAM : تفقد البيانات المخزنة بها عند انقطاع الطاقة .
الذاكرة ROM : لا تفقد البيانات المخزنة بها عند انقطاع الطاقة .
السرعة
الذاكرة RAM : أسرع بكثير من الذاكرة ROM
الذاكرة ROM : أبطئ بكثير من الذاكرة RAM
التعامل مع المعالج
الذاكرة RAM : يستطيع المعالج الوصول إلى البيانات المخزنة بها .
الذاكرة ROM : لا يستطيع المعالج الوصول إلى البيانات المخزنة بها .
التكلفة
الذاكرة RAM : أغلى من الذاكرة ROM
الذاكرة ROM : أرخص من الذاكرة RAM
السعة
الذاكرة RAM : تحتوى على سعات عالية جدا .
الذاكرة ROM : تحتوي على سعات منخفضة .
الأنواع
الذاكرة RAM : من أهم أنواعها SRAM – DRAM
الذاكرة ROM : من أهم أنواعها PROM – EPROM
– EEPROM
تابع القناة ليصلك كل معلومات التكنولوجيا بشكل عام انضم وشاهد واحصل على معلومات واسعه 👇👇
@programming_C_w
يحتوي الكمبيوتر على نوعين رئيسيين من الذاكرة وهما الذاكرة RAM والذاكرة ROM وسنقوم في هذا الدرس بتوضيح الفرق بينهم من أكثر من ناحية .
الاختصار
الذاكرة RAM : اختصار ذاكرة الوصول العشوائي Random Access Memory
الذاكرة ROM : اختصار ذاكرة القراءة فقط Read-Only Memory
الاستخدام
الذاكرة RAM : تقوم بتخزين البيانات بشكل مؤقت بحيث يستطيع الكمبيوتر قراءة البيانات المخزنة بها لتشغيل البرامج المختلفة .
الذاكرة ROM : تقوم بتحزين البيانات بشكل دائم مثل البيانات اللازمة لإقلاع الكمبيوتر .
القراءة والكتابة
الذاكرة RAM : تدعم القراءة والكتابة .
الذاكرة ROM : تدعم القراءة فقط .
الطاقة
الذاكرة RAM : لابد أن يكون الكمبيوتر متصلا بالطاقة حتى تستطيع تحزين البيانات .
الذاكرة ROM : لا تحتاج أن يكون الكمبيوتر متصلا بالطاقة حتى تستطيع تحزين البيانات .
الاحتفاظ بالبيانات
الذاكرة RAM : تفقد البيانات المخزنة بها عند انقطاع الطاقة .
الذاكرة ROM : لا تفقد البيانات المخزنة بها عند انقطاع الطاقة .
السرعة
الذاكرة RAM : أسرع بكثير من الذاكرة ROM
الذاكرة ROM : أبطئ بكثير من الذاكرة RAM
التعامل مع المعالج
الذاكرة RAM : يستطيع المعالج الوصول إلى البيانات المخزنة بها .
الذاكرة ROM : لا يستطيع المعالج الوصول إلى البيانات المخزنة بها .
التكلفة
الذاكرة RAM : أغلى من الذاكرة ROM
الذاكرة ROM : أرخص من الذاكرة RAM
السعة
الذاكرة RAM : تحتوى على سعات عالية جدا .
الذاكرة ROM : تحتوي على سعات منخفضة .
الأنواع
الذاكرة RAM : من أهم أنواعها SRAM – DRAM
الذاكرة ROM : من أهم أنواعها PROM – EPROM
– EEPROM
تابع القناة ليصلك كل معلومات التكنولوجيا بشكل عام انضم وشاهد واحصل على معلومات واسعه 👇👇
@programming_C_w
👍3
كيفية قفل الأقراص والفلاشة بكلمة سر ؟
▪️من المعلوم أن أجهزة USB المحمولة لها عيبها الكبير بكونها عرضة لدخول الفيروسات اليها عند إدراجها في نظام غير امن.
🔸 ️لمواجهة هذه المشاكل، هناك الكثير من البرامج المتاحة لتقديم ميزات مثل الحماية بكلمة سر، أو التشفير، أو حتى مراقبة الدخول وما إلى ذلك لمنع الوصول غير المصرح به والأضرار التي يمكن أن تلحق بالبيانات الموجودة في الداخل او حتى ربما سرقة البيانات.
🔸 ️بعض الشركات المصنعة لمحركات الأقراص USB مثل سوني أو سانديسك توفر في بعض الأحيان برامج خزانة أو قفل مع منتجاتها. وهذه البرامج تساعد على استخدام مصادقة كلمة المرور لتقييد الوصول إلى محرك الأقراص هذا. ومن ناحية أخرى.
# خطوات الحماية:
1. حماية بيانات محددة بكلمة سر :
إذا كنت ترغب في حماية بيانات معينة فقط، يمكنك استخدام برامج مثل Microsoft Office أو Adobe لإضافة كلمة مرور للملفات. كما يمكنك استخدام برنامج Folderlock،
الذي يوفر إمكانية حماية الملفات والمجلدات بكلمة سر، ويعمل بدون تثبيت.
2. تشفير جزء من محرك الأقراص USB :
يُمكنك استخدام برنامج Rohos Mini Drive ، الذي يسمح بإنشاء قسم مشفر يصل حجمه إلى 8GB في النسخة المجانية. بعد تحميل البرنامج، اختر "Encrypt USB Drive"، واضغط "Change" لتحديد اسم ونوع القسم وحجمه، ثم قم بإعداد كلمة المرور.
3. تشفير محرك الأقراص بالكامل :
لتشفير المحرك بأكمله، يُعتبر DiskCryptor خياراً ممتازاً، إذ يوفر واجهة سهلة الاستخدام. بعد تثبيته، اختر القرص المراد تشفيره واضغط "Encrypt". أدخل كلمة المرور المطلوبة، وستظهر رسالة تفيد بعدم قدرة الويندوز على التعرف على القرص. لا تفعل شيئاً، فقط افتح البرنامج مرة أخرى واختر "Mount" لإعادة تشغيله باستخدام كلمة المرور.
# نصائح إضافية:
- استخدم برامج موثوقة فقط لضمان حماية بياناتك.
- احفظ كلمة المرور في مكان آمن لتجنب فقدان الوصول إلى بياناتك.
بهذه الخطوات، يمكنك تأمين بياناتك وحمايتها من التهديدات الخارجية بشكل فعال..
اتمنى مشاركة المنشور ليستفيد الجميع
تابع القناة ليصلك كل معلومات التكنولوجيا بشكل عام انضم وشاهد واحصل على معلومات واسعه 👇👇
@programming_C_w
▪️من المعلوم أن أجهزة USB المحمولة لها عيبها الكبير بكونها عرضة لدخول الفيروسات اليها عند إدراجها في نظام غير امن.
🔸 ️لمواجهة هذه المشاكل، هناك الكثير من البرامج المتاحة لتقديم ميزات مثل الحماية بكلمة سر، أو التشفير، أو حتى مراقبة الدخول وما إلى ذلك لمنع الوصول غير المصرح به والأضرار التي يمكن أن تلحق بالبيانات الموجودة في الداخل او حتى ربما سرقة البيانات.
🔸 ️بعض الشركات المصنعة لمحركات الأقراص USB مثل سوني أو سانديسك توفر في بعض الأحيان برامج خزانة أو قفل مع منتجاتها. وهذه البرامج تساعد على استخدام مصادقة كلمة المرور لتقييد الوصول إلى محرك الأقراص هذا. ومن ناحية أخرى.
# خطوات الحماية:
1. حماية بيانات محددة بكلمة سر :
إذا كنت ترغب في حماية بيانات معينة فقط، يمكنك استخدام برامج مثل Microsoft Office أو Adobe لإضافة كلمة مرور للملفات. كما يمكنك استخدام برنامج Folderlock،
الذي يوفر إمكانية حماية الملفات والمجلدات بكلمة سر، ويعمل بدون تثبيت.
2. تشفير جزء من محرك الأقراص USB :
يُمكنك استخدام برنامج Rohos Mini Drive ، الذي يسمح بإنشاء قسم مشفر يصل حجمه إلى 8GB في النسخة المجانية. بعد تحميل البرنامج، اختر "Encrypt USB Drive"، واضغط "Change" لتحديد اسم ونوع القسم وحجمه، ثم قم بإعداد كلمة المرور.
3. تشفير محرك الأقراص بالكامل :
لتشفير المحرك بأكمله، يُعتبر DiskCryptor خياراً ممتازاً، إذ يوفر واجهة سهلة الاستخدام. بعد تثبيته، اختر القرص المراد تشفيره واضغط "Encrypt". أدخل كلمة المرور المطلوبة، وستظهر رسالة تفيد بعدم قدرة الويندوز على التعرف على القرص. لا تفعل شيئاً، فقط افتح البرنامج مرة أخرى واختر "Mount" لإعادة تشغيله باستخدام كلمة المرور.
# نصائح إضافية:
- استخدم برامج موثوقة فقط لضمان حماية بياناتك.
- احفظ كلمة المرور في مكان آمن لتجنب فقدان الوصول إلى بياناتك.
بهذه الخطوات، يمكنك تأمين بياناتك وحمايتها من التهديدات الخارجية بشكل فعال..
اتمنى مشاركة المنشور ليستفيد الجميع
تابع القناة ليصلك كل معلومات التكنولوجيا بشكل عام انضم وشاهد واحصل على معلومات واسعه 👇👇
@programming_C_w
👍2
لمعرفة كلمة مرور الواي فاي المتصل بها على اللاب توب باستخدام الأمر "run ncpa.cpl"، اتبع الخطوات التالية:
1. افتح نافذة Run:
اضغط على مفتاح "Windows" + "R" لفتح نافذة "Run".
2. اكتب الأمر "ncpa.cpl":
في نافذة "Run" اكتب ncpa.cpl ثم اضغط "Enter". هذا سيؤدي إلى فتح نافذة "Network Connections" التي تحتوي على جميع الشبكات المتصلة بالجهاز.
3. اختيار الشبكة المتصلة:
في نافذة "Network Connections"، حدد الشبكة اللاسلكية المتصل بها الجهاز. سترى أيقونة الشبكة المتصلة، والتي عادة تكون مكتوب بجانبها "Wi-Fi" أو اسم الشبكة.
4. فتح خصائص الشبكة:
انقر بزر الفأرة الأيمن على أيقونة الشبكة المتصلة، ثم اختر "Status".
5. عرض كلمة المرور:
في نافذة "Wi-Fi Status"، اضغط على زر "Wireless Properties" الموجود في الأسفل.
انتقل إلى تبويب "Security".
هنا سترى خيار "Show characters" (إظهار الأحرف)، اضغط عليه ليتم عرض كلمة مرور الواي فاي.
ملاحظات:
يجب أن تكون لديك صلاحيات المسؤول على الكمبيوتر للوصول إلى هذه الإعدادات.
إذا كانت كلمة المرور مشفرة أو محمية بكلمة مرور أخرى، يجب أن يكون لديك صلاحيات المسؤول على الجهاز لإظهارها.
⌛️⌛️⌛️⌛️
هناك طريقة أسهل باستخدام "Command Prompt"
لعرض كلمة مرور الواي فاي المتصل بها:
1. افتح نافذة Command Prompt كمسؤول:
اضغط على مفتاح "Windows" وابحث عن "Command Prompt".
اضغط بزر الفأرة الأيمن على "Command Prompt" ثم اختر "Run as administrator".
2. استخدم الأمر لعرض كلمة المرور:
في نافذة "Command Prompt"، اكتب الأمر التالي:
netsh wlan show profile name="اسم الشبكة" key=clear
استبدل "اسم الشبكة" باسم شبكة الواي فاي المتصل بها حاليًا.
3. ابحث عن كلمة المرور:
في النتائج التي تظهر، ابحث عن السطر الذي يبدأ بـ "Key Content" (محتوى المفتاح).
كلمة المرور ستكون بجانب هذه العبارة
تابع القناة ليصلك كل معلومات التكنولوجيا بشكل عام انضم وشاهد واحصل على معلومات واسعه 👇👇
@programming_C_w
1. افتح نافذة Run:
اضغط على مفتاح "Windows" + "R" لفتح نافذة "Run".
2. اكتب الأمر "ncpa.cpl":
في نافذة "Run" اكتب ncpa.cpl ثم اضغط "Enter". هذا سيؤدي إلى فتح نافذة "Network Connections" التي تحتوي على جميع الشبكات المتصلة بالجهاز.
3. اختيار الشبكة المتصلة:
في نافذة "Network Connections"، حدد الشبكة اللاسلكية المتصل بها الجهاز. سترى أيقونة الشبكة المتصلة، والتي عادة تكون مكتوب بجانبها "Wi-Fi" أو اسم الشبكة.
4. فتح خصائص الشبكة:
انقر بزر الفأرة الأيمن على أيقونة الشبكة المتصلة، ثم اختر "Status".
5. عرض كلمة المرور:
في نافذة "Wi-Fi Status"، اضغط على زر "Wireless Properties" الموجود في الأسفل.
انتقل إلى تبويب "Security".
هنا سترى خيار "Show characters" (إظهار الأحرف)، اضغط عليه ليتم عرض كلمة مرور الواي فاي.
ملاحظات:
يجب أن تكون لديك صلاحيات المسؤول على الكمبيوتر للوصول إلى هذه الإعدادات.
إذا كانت كلمة المرور مشفرة أو محمية بكلمة مرور أخرى، يجب أن يكون لديك صلاحيات المسؤول على الجهاز لإظهارها.
⌛️⌛️⌛️⌛️
هناك طريقة أسهل باستخدام "Command Prompt"
لعرض كلمة مرور الواي فاي المتصل بها:
1. افتح نافذة Command Prompt كمسؤول:
اضغط على مفتاح "Windows" وابحث عن "Command Prompt".
اضغط بزر الفأرة الأيمن على "Command Prompt" ثم اختر "Run as administrator".
2. استخدم الأمر لعرض كلمة المرور:
في نافذة "Command Prompt"، اكتب الأمر التالي:
netsh wlan show profile name="اسم الشبكة" key=clear
استبدل "اسم الشبكة" باسم شبكة الواي فاي المتصل بها حاليًا.
3. ابحث عن كلمة المرور:
في النتائج التي تظهر، ابحث عن السطر الذي يبدأ بـ "Key Content" (محتوى المفتاح).
كلمة المرور ستكون بجانب هذه العبارة
تابع القناة ليصلك كل معلومات التكنولوجيا بشكل عام انضم وشاهد واحصل على معلومات واسعه 👇👇
@programming_C_w
👍3
دعواتكم بتوفيق وحسن الحض والرزق والراحه والعافيه لا تنسونا من الدعاء دمتم على خير
❤2
Forwarded from مجنون رسمي 👑
"واني أجاهد يا الله كي لا أتلوث و أحاول أن أكون في صفوف الصالحين فأعني ."
Eng /SHaraf
Eng /SHaraf
👍3
في هذه الصورة يتم توضيح الفروق بين UI (واجهة المستخدم) و UX (تجربة المستخدم) بطريقة مفصلة. وهنا شرح تفصيلي لكل منهما مع أمثلة:
1. UI (واجهة المستخدم)
تعني واجهة المستخدم وهي الأجزاء المرئية والتفاعلية التي يتفاعل معها المستخدم بشكل مباشر. يركز تصميم واجهة المستخدم على كيفية تنظيم المكونات المختلفة (أزرار، قوائم، نوافذ، وغيرها) في الصفحة لجعل تجربة التفاعل سهلة وسلسة. الهدف هو جعل التصميم جذابًا وجميلًا ومرنًا.
عناصر تصميم UI:
التصميم (Design): يركز على اختيار الألوان، الخطوط، وتنسيق العناصر.
المهام (Missions): وضع الخطوط العريضة لهوية بصرية موحدة وتنسيق رسومي سهل التفاعل.
التخصص (Expertise): تطوير قوالب مرنة، وإنشاء Wireframes عالية الدقة، وتصميم النظام.
مثال على UI:
تطبيقات مثل Instagram أو Spotify تعتمد على واجهات مستخدم جذابة تتضمن الألوان الحيوية والرسوم المتحركة السلسة.
2. UX (تجربة المستخدم)
تعني تجربة المستخدم وهي تركز على كيفية تفاعل المستخدم مع النظام أو التطبيق بشكل كامل. الهدف من تصميم تجربة المستخدم هو تحسين الطريقة التي يشعر بها المستخدم عند استخدام التطبيق أو الموقع بحيث تكون مريحة وسهلة وتلبي احتياجاته بشكل سريع وفعال.
عناصر تصميم UX:
التصميم (Design): التركيز على مركزية المستخدم، ضمان التنقل السهل والبسيط، ووضوح الأهداف.
المهام (Missions): إجراء اختبارات المستخدم، بحوث المستخدم، وتطوير إستراتيجيات قيمة للمنتج.
التخصص (Expertise): تصميم Wireframes بسيطة ومنخفضة الدقة (lo-fi)، التفكير التصميمي، وإنشاء النماذج الأولية.
مثال على UX:
موقع Amazon مصمم بحيث يتيح للمستخدمين البحث عن المنتجات وشرائها بسهولة مع توجيه واضح في كل خطوة خلال عملية الشراء.
---
الفرق بين UI و UX:
UI يركز على الجوانب الجمالية والمرئية من النظام مثل الألوان والتصاميم والتفاعل.
UX يركز على الهيكل العام للتجربة وكيفية تحسينها لجعل استخدام التطبيق أكثر سهولة وإرضاءً للمستخدم.
أمثلة توضح الفرق:
1. في تطبيق بريد إلكتروني مثل Gmail:
UI: كيفية عرض الرسائل، ترتيب الأزرار، والألوان المستخدمة.
UX: سهولة استخدام الميزات مثل البحث عن الرسائل، أرشفتها، أو وضع الفلاتر.
2. في موقع للتجارة الإلكترونية:
UI: تصميم الأزرار الخاصة بالشراء وظهور سلة التسوق.
UX: سهولة الانتقال من استعراض المنتج إلى الدفع.
---
العلاقة بين UI و UX:
على الرغم من أن الـ UI و الـ UX مختلفين من حيث المفهوم، إلا أن كلاهما مكمل للآخر. فلا يمكن أن تكون واجهة المستخدم فعّالة دون أن تكون تجربة المستخدم جيدة، والعكس صحيح.
1. UI (واجهة المستخدم)
تعني واجهة المستخدم وهي الأجزاء المرئية والتفاعلية التي يتفاعل معها المستخدم بشكل مباشر. يركز تصميم واجهة المستخدم على كيفية تنظيم المكونات المختلفة (أزرار، قوائم، نوافذ، وغيرها) في الصفحة لجعل تجربة التفاعل سهلة وسلسة. الهدف هو جعل التصميم جذابًا وجميلًا ومرنًا.
عناصر تصميم UI:
التصميم (Design): يركز على اختيار الألوان، الخطوط، وتنسيق العناصر.
المهام (Missions): وضع الخطوط العريضة لهوية بصرية موحدة وتنسيق رسومي سهل التفاعل.
التخصص (Expertise): تطوير قوالب مرنة، وإنشاء Wireframes عالية الدقة، وتصميم النظام.
مثال على UI:
تطبيقات مثل Instagram أو Spotify تعتمد على واجهات مستخدم جذابة تتضمن الألوان الحيوية والرسوم المتحركة السلسة.
2. UX (تجربة المستخدم)
تعني تجربة المستخدم وهي تركز على كيفية تفاعل المستخدم مع النظام أو التطبيق بشكل كامل. الهدف من تصميم تجربة المستخدم هو تحسين الطريقة التي يشعر بها المستخدم عند استخدام التطبيق أو الموقع بحيث تكون مريحة وسهلة وتلبي احتياجاته بشكل سريع وفعال.
عناصر تصميم UX:
التصميم (Design): التركيز على مركزية المستخدم، ضمان التنقل السهل والبسيط، ووضوح الأهداف.
المهام (Missions): إجراء اختبارات المستخدم، بحوث المستخدم، وتطوير إستراتيجيات قيمة للمنتج.
التخصص (Expertise): تصميم Wireframes بسيطة ومنخفضة الدقة (lo-fi)، التفكير التصميمي، وإنشاء النماذج الأولية.
مثال على UX:
موقع Amazon مصمم بحيث يتيح للمستخدمين البحث عن المنتجات وشرائها بسهولة مع توجيه واضح في كل خطوة خلال عملية الشراء.
---
الفرق بين UI و UX:
UI يركز على الجوانب الجمالية والمرئية من النظام مثل الألوان والتصاميم والتفاعل.
UX يركز على الهيكل العام للتجربة وكيفية تحسينها لجعل استخدام التطبيق أكثر سهولة وإرضاءً للمستخدم.
أمثلة توضح الفرق:
1. في تطبيق بريد إلكتروني مثل Gmail:
UI: كيفية عرض الرسائل، ترتيب الأزرار، والألوان المستخدمة.
UX: سهولة استخدام الميزات مثل البحث عن الرسائل، أرشفتها، أو وضع الفلاتر.
2. في موقع للتجارة الإلكترونية:
UI: تصميم الأزرار الخاصة بالشراء وظهور سلة التسوق.
UX: سهولة الانتقال من استعراض المنتج إلى الدفع.
---
العلاقة بين UI و UX:
على الرغم من أن الـ UI و الـ UX مختلفين من حيث المفهوم، إلا أن كلاهما مكمل للآخر. فلا يمكن أن تكون واجهة المستخدم فعّالة دون أن تكون تجربة المستخدم جيدة، والعكس صحيح.
❤2
نصائح وتجارب المستخدم (UX) لتصميم التطبيقات المحمولة بشكل مفصل مع أمثلة عملية.
1. تصميم للأصابع البشرية (Design for human fingers)
النصائح: يجب أن تكون الأزرار في التطبيقات متناسبة مع حجم الأصابع البشرية لتجنب الإحباط ولضمان معدلات تحويل أفضل. الأزرار الصغيرة جدًا قد تكون صعبة الاستخدام، لذا يجب تكبير الأزرار المهمة.
المثال: عند تصميم شاشة تسجيل الدخول أو التأكيد، يجب أن تكون أزرار "التأكيد" أو "التالي" بحجم يسهل النقر عليه دون مشاكل، ويجب أن تكون متسقة في كل الشاشات.
2. تبسيط التنقل (Simplify navigation)
النصائح: يجب أن تكون طرق التنقل سهلة الوصول. التنقل المخفي قد يربك المستخدمين. يجب إبراز قوائم التنقل ليتمكن المستخدم من التنقل بسهولة.
المثال: في تطبيق تسوق، من الأفضل أن تظل قوائم "الرئيسية" و"السلة" و"الإعدادات" واضحة في الشريط السفلي، حتى لا يضطر المستخدم إلى البحث عنها.
3. تحسين قابلية القراءة (Improve readability)
النصائح: يجب تحسين قابلية القراءة باستخدام التسلسل الهرمي البصري، وتحديد حجم النص والألوان بشكل مناسب. ترك مسافات فارغة بين العناصر يمكن أن يوفر راحة بصرية ويجعل التصميم أكثر جاذبية.
المثال: في تطبيق قراءة الوصفات، يجب أن يكون عنوان الوصفة بالحجم الكبير مع استخدام خطوط مختلفة للمكونات والإرشادات، مما يسهل على المستخدمين قراءتها.
4. التركيز (Stay focused)
النصائح: يجب أن تركز كل شاشة على إجراء واحد فقط، مثل تسجيل الدخول أو الاختيار بين خيارات متعددة. استخدام أنماط الأزرار المتسقة يعزز وضوح الهدف الرئيسي في كل شاشة.
المثال: في شاشة تسجيل الدخول، يجب أن يكون الإجراء الرئيسي مثل "تسجيل الدخول" هو النقطة المحورية الوحيدة، دون أي مشتتات أخرى على الشاشة.
5. اتباع الاتفاقيات (Follow convention)
النصائح: استخدام الأيقونات والإيماءات المعترف بها عالميًا يساعد على تحسين تجربة المستخدم. اتباع التصاميم المتعارف عليها يعزز سهولة الاستخدام.
المثال: استخدام رمز "الدردشة" أو "الرسائل" للإشارة إلى المحادثات يكون أفضل لأن المستخدمين مألوفون بهذه الأيقونات.
6. إعطاء الأولوية للمحتوى المهم (Prioritize key content)
النصائح: يجب تصميم التطبيقات المحمولة مع الأخذ في الاعتبار المساحات التي يسهل الوصول إليها باستخدام اليد الواحدة. المحتويات المهمة مثل الأزرار يجب أن تكون ضمن نطاق اليد لتسهيل الوصول إليها.
المثال: في تطبيق بنك، يجب أن تكون الأزرار المهمة مثل "إرسال" أو "إلغاء" في الجزء السفلي من الشاشة ضمن النطاق الطبيعي للوصول.
كيف يمكن تطبيق هذه النصائح بشكل عملي:
إذا كنت تطور تطبيقًا لبيع المنتجات عبر الإنترنت، يجب أن تضع هذه النصائح في الاعتبار عند تصميم الواجهات المختلفة:
تصميم شاشة تسجيل الدخول: استخدام زر كبير يسهل النقر عليه لتسجيل الدخول، وتجنب وجود عناصر غير ضرورية.
تنقل بسيط: استخدم شريط التنقل السفلي للوصول السريع إلى الأقسام الرئيسية مثل "المنتجات" و"السلة".
تحسين القراءة: اعتمد على استخدام أحجام خطوط مختلفة وألوان تميز بين الأقسام المختلفة في التطبيق.
هذه بعض الأمثلة التفصيلية بناءً على الصور التي قدمتها، وسأكون سعيدًا بمزيد من التوضيحات إذا احتجت إلى ذلك.
1. تصميم للأصابع البشرية (Design for human fingers)
النصائح: يجب أن تكون الأزرار في التطبيقات متناسبة مع حجم الأصابع البشرية لتجنب الإحباط ولضمان معدلات تحويل أفضل. الأزرار الصغيرة جدًا قد تكون صعبة الاستخدام، لذا يجب تكبير الأزرار المهمة.
المثال: عند تصميم شاشة تسجيل الدخول أو التأكيد، يجب أن تكون أزرار "التأكيد" أو "التالي" بحجم يسهل النقر عليه دون مشاكل، ويجب أن تكون متسقة في كل الشاشات.
2. تبسيط التنقل (Simplify navigation)
النصائح: يجب أن تكون طرق التنقل سهلة الوصول. التنقل المخفي قد يربك المستخدمين. يجب إبراز قوائم التنقل ليتمكن المستخدم من التنقل بسهولة.
المثال: في تطبيق تسوق، من الأفضل أن تظل قوائم "الرئيسية" و"السلة" و"الإعدادات" واضحة في الشريط السفلي، حتى لا يضطر المستخدم إلى البحث عنها.
3. تحسين قابلية القراءة (Improve readability)
النصائح: يجب تحسين قابلية القراءة باستخدام التسلسل الهرمي البصري، وتحديد حجم النص والألوان بشكل مناسب. ترك مسافات فارغة بين العناصر يمكن أن يوفر راحة بصرية ويجعل التصميم أكثر جاذبية.
المثال: في تطبيق قراءة الوصفات، يجب أن يكون عنوان الوصفة بالحجم الكبير مع استخدام خطوط مختلفة للمكونات والإرشادات، مما يسهل على المستخدمين قراءتها.
4. التركيز (Stay focused)
النصائح: يجب أن تركز كل شاشة على إجراء واحد فقط، مثل تسجيل الدخول أو الاختيار بين خيارات متعددة. استخدام أنماط الأزرار المتسقة يعزز وضوح الهدف الرئيسي في كل شاشة.
المثال: في شاشة تسجيل الدخول، يجب أن يكون الإجراء الرئيسي مثل "تسجيل الدخول" هو النقطة المحورية الوحيدة، دون أي مشتتات أخرى على الشاشة.
5. اتباع الاتفاقيات (Follow convention)
النصائح: استخدام الأيقونات والإيماءات المعترف بها عالميًا يساعد على تحسين تجربة المستخدم. اتباع التصاميم المتعارف عليها يعزز سهولة الاستخدام.
المثال: استخدام رمز "الدردشة" أو "الرسائل" للإشارة إلى المحادثات يكون أفضل لأن المستخدمين مألوفون بهذه الأيقونات.
6. إعطاء الأولوية للمحتوى المهم (Prioritize key content)
النصائح: يجب تصميم التطبيقات المحمولة مع الأخذ في الاعتبار المساحات التي يسهل الوصول إليها باستخدام اليد الواحدة. المحتويات المهمة مثل الأزرار يجب أن تكون ضمن نطاق اليد لتسهيل الوصول إليها.
المثال: في تطبيق بنك، يجب أن تكون الأزرار المهمة مثل "إرسال" أو "إلغاء" في الجزء السفلي من الشاشة ضمن النطاق الطبيعي للوصول.
كيف يمكن تطبيق هذه النصائح بشكل عملي:
إذا كنت تطور تطبيقًا لبيع المنتجات عبر الإنترنت، يجب أن تضع هذه النصائح في الاعتبار عند تصميم الواجهات المختلفة:
تصميم شاشة تسجيل الدخول: استخدام زر كبير يسهل النقر عليه لتسجيل الدخول، وتجنب وجود عناصر غير ضرورية.
تنقل بسيط: استخدم شريط التنقل السفلي للوصول السريع إلى الأقسام الرئيسية مثل "المنتجات" و"السلة".
تحسين القراءة: اعتمد على استخدام أحجام خطوط مختلفة وألوان تميز بين الأقسام المختلفة في التطبيق.
هذه بعض الأمثلة التفصيلية بناءً على الصور التي قدمتها، وسأكون سعيدًا بمزيد من التوضيحات إذا احتجت إلى ذلك.
👍2
ملفات Markdown يمكنك إضافتها في مشروع GitHub 📂🚀
إذا كنت تعمل على مشروع GitHub، فإليك أهم ملفات Markdown التي يمكنك إضافتها لجعل مشروعك أكثر احترافية وتنظيمًا! 🎯
📌
README.mdأهم ملف!
وصف المشروع، كيفية التثبيت، التشغيل، والاستخدام.
📌
CONTRIBUTING.mdإرشادات المساهمة
كيفية المساهمة في المشروع وإنشاء Pull Request.
?
?
CODE_OF_CONDUCT.mdميثاق السلوك
قواعد التفاعل داخل المشروع لتجنب المشاكل
.
📌
LICENSE.mdرخصة الاستخدام
تحدد حقوق الاستخدام مثل MIT, Apache, GP
L.
📌
CHANGELOG.mdسجل التغييرات
جميع التعديلات في كل إصدار (الإضافات - الإصلاحات - التغييرات الكبير
ة).
📌
SECURITY.mdسياسات الأمان
كيفية الإبلاغ عن الثغرات الأم
نية
.
📌
SUPPORT.mdطلب الدعم
أين وكيف تحصل على الم
ساع
دة.
📌
FUNDING.mdتمويل المشروع
روابط GitHub Sponsors, Patreon
, K
o-Fi.
📌
ISSUE_TEMPLATE/قوالب الإبلاغ عن المشاكل (الإصدار الجديد)
يتم إنشاء هذا المجلد داخل مجلد آخر باسم
.github/ويحتوي على ملفات متعددة، مثل:
✅
bug_report.mdقالب للإبلاغ عن الأخطاء
✅
feature_request.mdقالب لطلب ميزة جديدة
✅
custom.mdقالب مخصص ل
أي
غرض آخر
📌
PULL_REQUEST_TEMPLATE.mdقالب طلبات الدمج
توجيه المساهمين لكتابة PRs ب
شكل
احترافي.
📌
TODO.mdالمهام المستقبلية
قائمة بالميزات القادمة والتحس
ينا
ت المطلوبة.
📌
ARCHITECTURE.mdتصميم المشروع
شرح بنية المشروع وال
مكو
نات الأساسية.
📌
DEPRECATION.mdالميزات المتوقفة
الميزات التي ستتم
إز
التها مستقبلاً.
📌
FAQ.mdالأسئلة الشائعة
إجابات للأسئلة ا
لمتكررة حول المشروع.
مثال لهيكل المشروع 🏗
┌ Project
├─ README.md
├─ LICENSE.md
├─ CONTRIBUTING.md
├─ CODE_OF_CONDUCT.md
├─ SECURITY.md
├─ CHANGELOG.md
├─ SUPPORT.md
├─ FUNDING.md
├─ PULL_REQUEST_TEMPLATE.md
├─ TODO.md
├─ ARCHITECTURE.md
├─ DEPRECATION.md
├─ FAQ.md
├─ .github/
├── ISSUE_TEMPLATE/
├─── bug_report.md
├─── feature_request.md
└─── custom.md@programming_C_w
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
لكي تتقن صناعة واجهات مستخدم احترافية..
لا بد لك ان تمتلك مهارتين:
البرمجة
والجرافيكس
ستجدون الكثير من الفيديوهات المفيدة في المواقع
@programming_C_w
لا بد لك ان تمتلك مهارتين:
البرمجة
والجرافيكس
ستجدون الكثير من الفيديوهات المفيدة في المواقع
@programming_C_w
👍2