{إنّ اللهَ وملائكتَهُ يُصَـلُّونَ على النبي يا أيها الذين آمنوا صَلُّوا عليه وسلِّمُوا تسليما}

‏اللهم صلِّ وسلم على نبينا محمد .

📌مجال الـ IT مليان شهادات، وكل شهادة بتفتحلك باب جديد في تخصص معين.

👀 نظرة شاملة لأهم الشهادات في سوق العمل دلوقتي

🔹 أولًا: الشبكات (Networking) :

1️⃣CCNA (Cisco Certified Network Associate)
البداية المثالية لدخول عالم الشبكات، بتغطي الأساسيات زي الـ Routing & Switching & Security .

2️⃣CCNP (Cisco Certified Network Professional
مستوى متقدم بعد الـ CCNA، بيدخلك في تفاصيل الشبكات الكبيرة والمعقدة.
_

🔹 ثانيًا: الأمن السيبراني (Cyber Security) 🔐

3️⃣CISSP (Certified Information Systems Security Professional):
من أقوى شهادات السايبر على مستوى الإدارة والتخطيط، مناسبة لشخص عايز يبقى Security Manager أو Architect.

4️⃣CEH (Certified Ethical Hacker):
بتركز على الاختراق الأخلاقي واكتشاف الثغرات.

5️⃣CISM (Certified Information Security Manager):
أكثر إدارية، بتركز على إدارة فرق الأمن السيبراني ووضع السياسات.
_

🔹 ثالثًا: الكلاود (Cloud Computing) ☁️

6️⃣AWS Certified Solutions Architect:
من أقوى شهادات الـ Cloud، بتركز على تصميم حلول على Amazon Web Services.

7️⃣Microsoft Azure Administrator/Architect:
البديل القوي لـ AWS لكن على Azure.
_

🔹 رابعًا: الـ IT Support والدخول للمجال 🖥️

8️⃣CompTIA A+:
الأساسيات لأي حد عايز يبدأ في الـ IT Support، بتغطي Hardware, Software, Troubleshooting.

9️⃣Google IT Support Professional Certificate:
برنامج تدريبي عملي مناسب جدًا للمبتدئين، بيعلمك أساسيات الـ IT والدعم الفني.
_

🔹 خامسًا: إدارة المشروعات (Project Management) 📊

🔟PMP (Project Management Professional):
من أهم الشهادات العالمية، مش بس في الـ IT، في أي مجال محتاج إدارة مشروعات.
_

⚖️ إزاي تختار الشهادة المناسبة ليك؟

✅ لو عايز تبدأ من البداية → CompTIA A+ أو Google IT Support.
✅لو نفسك تدخل الشبكات → CCNA → CCNP.
✅ لو مهتم بالسايبر → CEH (بداية) → CISM أو CISSP (مستوى إداري/خبير).
✅ لو عايز المستقبل والكلاود → AWS أو Azure.
✅ لو عايز تدخل مجال الإدارة → PMP.
_
💡 الخلاصة:
الـ IT بحر واسع، ومفيش شهادة "أفضل" من التانية.. في شهادة "أنسب" ليك حسب هدفك وتخصصك.
ابدأ باللي يخدم طريقك المهني، وخطوة بخطوة هتلاقي نفسك بقيت محترف ومطلوب في السوق المحلي والعالمي.

#ميمز
How to build a computer😂😂

شرح مفهوم ال OOP ومجموعة من النماذج الآخرى

#معلومة
من الورق إلى الكود: كيف كانت البرمجة قبل الكمبيوتر🤔؟💻


قبل عشرات السنين، لما ما كانش في:
لغات برمجة عالية المستوى، شاشات ولا حتى كيبورد
كان المبرمجون يكتبون البرامج باستخدام شيء يُسمّى Punch Carde🟨

☝️ ما هي Punch Cards🤔؟
هي بطاقات من الورق المقوّى،
كل بطاقة تمثّل سطرًا واحدًا من الكود.
الثقوب الموجودة في البطاقة تمثّل:
0 و 1
أي لغة الآلة التي يفهمها الحاسوب

📦 برنامج بسيط = مئات البطاقات
📦 برنامج كبير = صندوق كامل من البطاقات

✌️ كيف كانت عملية البرمجة؟

1 المبرمج يكتب الخوارزمية على الورق
2 يتم تحويل كل سطر إلى بطاقة مثقوبة
3 تُرتّب البطاقات بالترتيب الصحيح
4 توضع في الحاسوب
5 تشغيل البرنامج
6 الانتظار… ساعات أو أيام لمعرفة النتيجة 😅

❗ لا يوجد “Run”
❗ لا يوجد “Debug”
❗ ولا حتى رسالة خطأ واضحة

👌 أين كان الخطأ؟

بطاقة واحدة في غير مكانها ❌
ثقب زائد أو ناقص ❌
بطاقة ضاعت ❌

👈 البرنامج كله يفشل
لهذا كانت البرمجة:
بطيئة جدًا
دقيقة جدًا
ومكلفة جدًا

✌️✌️ لماذا نذكر هذا اليوم؟
لأن كل الأدوات التي نستخدمها الآن:
لغات البرمجة,المترجمات
Git و GitHub
IDEs
وُجدت لسبب واحد فقط:
إبعاد الإنسان عن 0 و1… وترك المعاناة للآلة

#ميمز
OOPs Pillars 🤣🤣

بدأت التخطيط لمشروع جديد خلال الأسابيع الماضية، فبدأت في تجهيز تصوّرٍ لقاعدة البيانات، وخلال البحث وجدت هذا الموقع اللطيف:
https://dbdiagram.io

يُمكّنك من تعريف الجداول في قاعدة بياناتك والعلاقات بينها باستخدام لغة خاصة بهم ثم يرسم لك العلاقات بين الجداول وكل البيانات التي حدّدتها خلال الكتابة.

الرسم تفاعليٌّ جدا ويوضّح لك العلاقات بين الجداول بشكل ممتاز.

بعد إضافة الجداول التي أحتاجها مبدئيًّا (32 جدولا) والتأكد من أن العلاقات بينها صحيحة ومراجعتها مع أحد الأصدقاء، أعطيت الشيفرة المُعبّرة عن تصميم قاعدة البيانات إلى Claude 4 Sonnet وطلبت منه إنشاء الـ Models والـ Migrations اللازمة لإنجاز هذا التصميم في مشروع Ruby on Rails.

أعطاني في المقابل 32 أمرا لإنشاء الـ Models و 28 أمرا لإنشاء الـ Migrations اللازمة لإضافة Indexes وغيرها من التعديلات.

وجدت أن طريقة العمل هذه ألطف من طريقة عملي التقليدية في مشاريعي الجانبية، فكنت دائما أبدأ بإنشاء ما أحتاجه من الـ Models وأُضيف الباقي مع مرور الوقت واستمرار التطوير.

من مشاكل هذه الطريقة أنني قد أحتاج إلى تعديل بعض الخيارات الجوهرية في تصميم قاعدة البيانات ما يتطلب تفكيرا عميقا خصوصا إذا كان الموقع قد نُشِر بالفعل.

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

والسلام عليكم 👋🏻

⚠️ توضيح تقني هام: حقيقة حذف الحسابات

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

تطمنوا: الحسابات التي تضع صوراً طبيعية وسليمة هي في أمان تام ولا داعي لحذفها. لكن للحذر قم باخفاء الصورة

رمضان كريم علينا وعلى المسلمين جميعا❤️‍🩹

🚀 خارطة طريق تطوير الويب: من الأساسيات إلى المحترفين
إذا كنت تبدأ رحلتك في تطوير الويب، فإن وجود خارطة طريق واضحة يصنع كل الفرق. إليك مسار بسيط ساعدني (ويمكن أن يساعد العديد من المبتدئين أيضًا):
🔹 1. الأساسيات
• HTML - بنية الويب
• CSS - التصميم والتخطيطات
• جافا سكريبت - المنطق والتفاعل
🔹 2. واجهة متقدمة
• تصميم متجاوب
• جافا سكريبت ES6+
• الأطر/المكتبات (تفاعل، زاوية، أو Vue)
🔹 3. تطوير المنحى الخلفي
• أساسيات الخوادم وواجهات التطبيقات
• Node.js / Python / PHP
• قواعد البيانات (MySQL, MongoDB)
🔹 4. أدوات التحكم والإصدار
• Git & GitHub
• مديرو الحزم
• أساسيات النشر
🔹 5. الممارسة والمشاريع
• بناء مشاريع حقيقية
• تحسين حل المشاكل
• استمر في التعلم والتكرار

الاتساق + الممارسة + الموارد الصحيحة = النمو 📈

‏من يحب يشوف كيف Java تطورت عبر السنين ميزة بعد ميزة؟

المطور brunoborges عمل موقع رهيب يعرض تغييرات لغة Java جنب بعض بصيغة side-by-side.

تشوف مباشرة:
كيف كان الكود في الإصدارات القديمة
وكيف صار بعد إضافة الميزات الجديدة

مفيد جدًا لـ:
الطلاب اللي يتعلمون Java
المطورين اللي يحدّثون legacy applications

شوفوه هنا:
javaevolved.github.io‎

طريقة جديدة للحصول على تجربة مجانية لمدة شهر لنسخة ChatGPT Business — و تشمل الوصول إلى:  ✅ GPT-5.2  ✅ Sora-2 (توليد الفيديو بالذكاء الاصطناعي)  🔹 بدلاً من خطة Plus أو Teams  🔹 عبر ما يسمونه “تجربة Enterprise”

الفكرة الأساسية للطريقة
🔹 تعتمد الطريقة على الـ BIN + عنوان في كوريا الجنوبية  → هذا يُمكّن من تفعيل تجربة Business لمدة شهر عبر بوابة الدفع الكورية.

البيانات المستخدمة:
BIN (رقم بطاقة بنكيّة تم توليده):
625814260257xxxx
Date: 06/2026 
CVV: Random 

العنوان المستخدم:
الشارع: 83-10, Chunghyo-dong
المدينة: Gyeongju-si
الولاية: Gyeongsangbuk-do
ZIP: 38001
الدولة: كوريا الجنوبية 🇰🇷

خطوات تنفيذ الطريقة:
توصيل الـ VPN إلى كوريا الجنوبية (سيرفر في سيول أو Gyeongju).

الدخول إلى chatgpt.com/business واختيار تجربة Business Trial (ليس Plus أو Teams).
إدخال بيانات البطاقة المزيفة (BIN + CVV + التاريخ).
استخدام بريد احترافي أو بريد عمل (ليس Gmail أو Yahoo).

تحصل على تجربة ChatGPT Business لمدة شهر كامل.

الخطة فعليًا هي نفسها التي تكلف 25$ لكل مستخدم شهريًا من OpenAI بطرقة عادية.

بمناسبة عيد الفطر المبارك، أهنئكم من القلب، راجيا من الله أن يعيده عليكم وعلى أحبابكم بالخير واليمن والبركات.
تقبل الله منا ومنكم الصيام والقيام، وجعل أيامكم أفراحا وسعادة، وألبسكم لباس الصحة والعافية.
اللهم في هذه الليلة المباركة، نسألك أن ترفع الغمة عن بلاد المسلمين جميعا.
عيدكم مبارك، وكل عام وأنتم بخير 🌙✨

أنشأت HTML File Obfuscator v2.0 أداة تعمية لكود HTML.

أداة HTML File Obfuscator v2.0 هي أداة تقوم بـ تعمية (Obfuscation) وتشفير ملفات HTML لحماية كود المصدر من النسخ أو السرقة، وهي مفيدة للمطورين الذين يريدون نشر صفحاتهم دون كشف الكود الأصلي.

✨ المميزات HTML File Obfuscator v2.0:

1️⃣ واجهة عربية بسيطة واحترافية
2️⃣ تعمية قوية باستخدام Base64 + Reverse
3️⃣ دعم السحب والإفلات (Drag & Drop) للملفات
4️⃣ شريط تقدم يوضح مراحل التشفير
5️⃣ حفظ الملف تلقائيًا مع إضافة _encrypted
6️⃣ تصميم متجاوب يعمل على مختلف الأجهزة
7️⃣ مجانية 100% ولا تحتاج تسجيل

💡 الأداة مناسبة للمطورين الذين يريدون طبقة حماية إضافية لكود HTML قبل نشره.

🔐 File password : Ktama

🚨الآن يمكنك كتابة “if” داخل CSS بدون JavaScript!

نعم، ما تقرأه صحيح 😳
لم تعد CSS مجرد تنسيقات…
بل أصبحت لغة تمتلك منطقاً خاصاً بها.

كم مرة…
* حاولت عمل animation لـ height: auto وفشلت؟
* كتبت nth-child عشر مرات فقط لتأخير animation؟
* أو استخدمت JavaScript فقط لتغيير لون بناءً على شرط؟

كل هذا… انتهى.

🧠 يمكنك الآن استخدام if
بدلاً من كتابة Classes متعددة أو استخدام JavaScript…
يمكنك اتخاذ القرار مباشرة داخل الخاصية!

.button {
  background-color: if(style(--importance: urgent), red, blue);
  border-radius: if(media(prefers-reduced-motion), 0px, 15px);
}

بدل تغيير التصميم… غيّر “القرار” داخل التصميم نفسه.
لتكون النتيجة: كود أقل + منطق أوضح + مكونات ذكية.

📏 التعامل مع الحجم غير المعروف calc-size
سابقاً ❌ لا يمكنك عمل animation لـ auto
الآن؟ يمكنك ذلك بكل بساطة:

.accordion-content {
  height: 0;
  transition: height 0.3s ease;
}

.accordion-content.open {
  height: calc-size(auto, size);
}

✨ النتيجة :Animation حقيقي وناعم بدون أي hacks


👥 .عناصر “واعية” sibling-index & sibling-count
العناصر الآن تعرف: ترتيبها وعددها

.list-item {
  animation-delay: calc(sibling-index() * 0.1s);
  opacity: calc(sibling-index() / sibling-count());
}

💡 بدل كتابة:
nth-child(1), nth-child(2)...
معادلة واحدة فقط تفعل كل شيء
نحن لا نكتب CSS بعد الآن…
نحن نبرمج بها.

🔥 التحدي لك:
جرب الآن وأخبرنا في التعليقات بأي استفسار لا تخجل من طلب المساعدة!

: Social Media Icons Hover Effects 🔥 HTML & CSS

:Navigation bar 🔥

HTML&CSS.

navbar

بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلين.

وداعاً border-radius : اكتشف خاصية corner-shape في CSS

لغة CSS في تطور مستمر واليوم موضوعنا عن خاصية جديدة في css وهي conrner-shape

خاصية corner-shape هي اللاعب الجديد في الساحة اليوم؛ فبعد سنوات طويلة كانت فيها زوايا صفحات الويب إما حادة أو مستديرة قليلاً، تكسر هذه الخاصية القواعد لتمنحك أنواعاً مختلفة من تأثيرات الزوايا الرائعة مثل الحواف المائلة، التجاويف، والمربعات المستديرة (squircles) دون الحاجة للفوتوشوب أو ملفات SVG كما كان متبعاً في السابق.

فإن خاصية corner-shape تأتي لتكمل المشهد؛ فبينما يحدد الريديس حجم الزاوية، تمنحك هذه الخاصية التحكم الكامل في شكلها الهندسي.

ما هي خاصية corner-shape؟

هي خاصية CSS جديدة (حالياً متاحة فقط في إصدار Chrome 139+ وليست مدعومة على نطاق واسع بعد، لذا لا تستخدمها في المواقع الرسمية حالياً) تتيح لك التحكم في شكل زوايا الصندوق، وليس فقط مدى استدارتها. وهي تعمل جنباً إلى جنب مع border-radius — فكر في border-radius على أنها تحدد حجم الزاوية، بينما تحدد corner-shape نمطها.

مثال سريع:

div {
  border-radius: 38px;
  corner-shape: scoop;
}

يمنحك هذا صندوقاً بزوايا مقعرة بدلاً من الزوايا المستديرة المعتادة.

لماذا يجب أن تهتم؟

١-خيارات تصميم أكثر : تجاوز المستطيلات والدوائر المملة. اجعل واجهة مستخدمك تبرز بزوايا مسننة، مائلة، أو بنمط squircle.

٢-وداعاً لحيَل الصور : افعل كل ذلك باستخدام CSS فقط — لا داعي لصور إضافية، ملفات SVG، أو وسوم (markup) غريبة.
٣-تنسيق متناسق : تتبع الحدود، الخلفيات، والظلال جميعها شكل الزاوية الجديد تلقائياً.

كيف تعمل هذه الخاصية؟

تستخدم corner-shape جنباً إلى جنب مع border-radius. تقبل هذه الخاصية من قيمة واحدة إلى أربع قيم، تماماً مثل border-radius ، ويمكنك المزج والتوفيق بين أشكال مختلفة لكل زاوية.

الأشكال المدعومة (الكلمات المفتاحية):

round (الافتراضي، تماماً مثل border-radius المعتاد).
bevel (زوايا مقطوعة بشكل مائل.
notch (زوايا حادة بقطع داخلي).
scoop (مقعرة، كأنها قضمة مأخوذة من الزاوية).
square (يزيل تأثير border-radius ويجعل الزاوية حادة).
squircle (مزيج انسيابي بين المربع والدائرة).
superellipse() (تتيح لك ضبط الانحناء بدقة باستخدام رقم).

div {
  border-radius: 38px;
  corner-shape: scoop; // خصائص أخرى
}

امثلة:

CSS

/* جميع الزوايا مائلة */
corner-shape: bevel;

/* الزاوية العلوية اليسرى والسفلية اليمنى مسننة، والباقي بنمط superellipse */
corner-shape: notch superellipse(0.6);

/* كل زاوية بشكل مختلف */
corner-shape: scoop superellipse(-1.6) superellipse(-2.2) round;
.

الترتيب مهم: تسير القيم باتجاه عقارب الساعة بدءاً من الزاوية العلوية اليسرى، تماماً مثل خاصية border-radius.

دعم المتصفحات

هذه الخاصية لا تزال تجريبية. في الوقت الحالي، يدعمها متصفح Chrome 139+ و متصفح Microsoft Edge فقط، وستحتاج إلى التحقق من التوافق قبل استخدامها في أي مشاريع هامة. لكنها أداة رائعة للنماذج الأولية (Prototypes)، التجارب، أو مجرد الاستمتاع باستكشاف ميزات CSS الجديدة.

باختصار

تتيح لك خاصية corner-shape اختيار نمط زواياك، وليس فقط مدى استدارتها.
تعمل مع border-radius لإنشاء أطنان من الأشكال الجديدة.
رائعة لتصاميم واجهة المستخدم العصرية والفريدة لا حاجة للصور أو ملفات SVG.
إذا كنت قد سئمت من نفس الزوايا القديمة المعتادة، جرب corner-shape (في متصفح مدعوم). إنه تغيير بسيط يمكن أن يجعل تصاميمك تبدو حيوية وممتعة.

جرب واخبرنا عن تجربتك بالتعليقات 👇

إطلاق شركة غوغل تطبيقاً جديداً "غوغل إيه آي إيدج إيليكوينت" (Google AI Edge Eloquent) مدعوماً بالذكاء الاصطناعي يهدف إلى تسجيل الكلام وتحويله إلى نصوص مكتوبة بدقة واحترافية.

​أبرز ميزات التطبيق:
​العمل دون اتصال (Offline): يمكن استخدامه بدون إنترنت بعد تنزيل النماذج الصوتية المبنية على منصة "جيما".
​التنقيح التلقائي الذكي: يقوم بإزالة الكلمات الحشوية والتوقفات المترددة (مثل "أم" و"آه") لإنتاج نص دقيق ونظيف.
​خيارات التنسيق: يتيح تحويل النص الناتج إلى أشكال مختلفة (نقاط رئيسية، صياغة رسمية، ملخص، أو نص مطول).
​التخصيص والربط: يدعم استيراد الأسماء والمصطلحات من حساب "جيميل"، مع إمكانية إضافة كلمات مخصصة.
​إدارة الجلسات: يعرض سجل التسجيلات السابقة مع إمكانية البحث، بالإضافة إلى تتبع سرعة الكلام وعدد الكلمات.

​التوافر والخطط المستقبلية:
​التطبيق متاح حالياً لمستخدمي أنظمة iOS.
​من المتوقع طرحه قريباً على أجهزة أندرويد، مع ميزات دمج إضافية مثل استخدامه كلوحة مفاتيح افتراضية أو زر عائم للتسجيل السريع.