إليك قائمة بأهم أكواد CSS التي تُستخدم بشكل شائع في تصميم صفحات الويب:

### 1. تحديد الألوان
color: red; /* لون النص */
background-color: blue; /* لون خلفية العنصر */


### 2. أنواع الخطوط
font-family: 'Arial', sans-serif; /* نوع الخط */
font-size: 16px; /* حجم الخط */
font-weight: bold; /* وزن الخط */


### 3. الهوامش والحشوات
margin: 10px; /* الهوامش الخارجية */
padding: 15px; /* الحشي الداخلي */


### 4. الحدود
border: 1px solid black; /* حافة بسيطة */
border-radius: 5px; /* زوايا مستديرة */


### 5. محاذاة النصوص
text-align: center; /* محاذاة النص في الوسط */
vertical-align: middle; /* محاذاة عمودية */


### 6. عرض وارتفاع العناصر
width: 100%; /* عرض العنصر */
height: 200px; /* ارتفاع العنصر */
max-width: 500px; /* الحد الأقصى للعرض */


### 7. تأثيرات الظل
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* تأثير الظل للعنصر */
text-shadow: 1px 1px 2px gray; /* تأثير الظل للنص */


### 8. تأثيرات الانتقال
transition: all 0.3s ease; /* تأثير الانتقال عند تغيير الخصائص */


### 9. خصائص الفلوت
float: left; /* جعل العنصر يطفو إلى اليسار */
clear: both; /* إزالة التأثير من العناصر العائمة */


### 10. التأثيرات التفاعلية
:hover {
background-color: lightblue; /* تغيير لون الخلفية عند التمرير */
}


### 11. إعدادات العرض
display: none; /* إخفاء العنصر */
display: block; /* عرض العنصر ككتلة */
display: inline; /* عرض العنصر بشكل داخلي */


### 12. خصائص الخطوط المتقدمة
line-height: 1.5; /* ارتفاع السطر */
letter-spacing: 1px; /* تباعد الحروف */


### 13. قائمة العناصر
list-style-type: none; /* إزالة النقاط من قائمة العناصر */


### 14. مواقع العناصر
position: relative; /* تحديد موقع العنصر بشكل نسبي */
top: 10px; /* تحديد المسافة من الأعلى */
left: 20px; /* تحديد المسافة من اليسار */


تساعد هذه الأكواد على التحكم في تنسيق الصفحات وتصميمها بشكل احترافي. يمكنك تجربتها وتعديلها وفقًا لاحتياجاتك!

بالتأكيد! إليك شرحًا لأهم العناصر والمفاهيم في CSS التي تساعدك على فهم كيفية استخدامه بشكل جيد لتنسيق صفحات الويب:

### 1. التحديد (Selectors)
يستخدم التحديد لاختيار العناصر التي تريد تطبيق الأنماط عليها. أنواع التحديد تشمل:
- تحديد العنصر (Element Selector): مثل p {} لتطبيق الأنماط على جميع عناصر الفقرات.
- تحديد الفئة (Class Selector): مثل .class-name {} لتطبيق الأنماط على العناصر التي تحمل فئة معينة.
- تحديد ID (ID Selector): مثل #id-name {} لتطبيق الأنماط على عنصر ذو معرّف معين.

### 2. الخصائص (Properties)
الخصائص هي الخصائص التي يمكنك تغييرها في العناصر، مثل:
- الألوان: color للنصوص وbackground-color للخلفيات.
- الخطوط: font-family لتحديد نوع الخط وfont-size لحجم الخط.
- الهوامش والحشوات: margin لتحديد الهوامش الخارجية وpadding للحشوات الداخلية.

### 3. النماذج (Box Model)
فهم نماذج الصندوق أمر أساسي في CSS. كل عنصر يُعتبر صندوقًا يتكون من:
- المحتوى (Content): النصوص أو العناصر داخل العنصر.
- الحشوة (Padding): المسافة بين المحتوى وحدود العنصر.
- الحدود (Border): الخط المحيط بالصندوق.
- الهامش (Margin): المسافة بين الصندوق والعناصر الأخرى.

### 4. المواقع (Positioning)
يمكنك التحكم في كيفية عرض العناصر باستخدام خاصية position:
- static: القيمة الافتراضية، العناصر تتبع استعراضها الطبيعي.
- relative: يمكن نقل العنصر بناءً على موقعه الطبيعي.
- absolute: يمكن تحديد موقع العنصر بدقة بالنسبة لأقرب عنصر ذو position: relative.
- fixed: يتثبت العنصر في موقعه على الشاشة حتى مع التمرير.

### 5. التخطيط الشبكي (Flexbox و Grid)
لتنسيق العناصر بشكل فعال، يمكنك استخدام:
- Flexbox: لتوزيع المساحة بين العناصر في خط واحد (سطر أو عمود) بشكل ديناميكي.
- Grid: يوفر طريقة أكثر تعقيدًا لتخطيط العناصر في شبكة ثنائية الأبعاد.

### 6. الانتقال (Transitions) والتأثيرات (Animations)
يمكنك إحداث تأثيرات جمالية على الصفحات باستخدام:
- Transitions: لإضافة تأثيرات سلسة عند تغيير الخصائص (مثل تغيير الألوان أو الحجم).
- Animations: لإنشاء حركات معقدة للأجزاء المختلفة من الصفحة.

### 7. وسائط الاستعلام (Media Queries)
تُستخدم لضبط تصميم الصفحة وفقاً لأجهزة مختلفة (مثل الهواتف والأجهزة اللوحية). يمكنك تحديد أنماط مخصصة بناءً على حجم الشاشة مثل:
@media (max-width: 600px) {
body {
background-color: lightblue;
}
}


### 8. المكتبات والأطر (Libraries & Frameworks)
مثل Bootstrap وTailwind CSS، توفر مكتبات وأطر عمل مسبقة التصميم تسهّل عملية التطوير وتسرعها.

### 9. أدوات وتقنيات التحسين (Optimization Techniques)
- تقسيم الأنماط (CSS Optimization): لتنظيم الكود لديك، استخدم التعليقات، وتقسيم ملفات CSS الكبيرة إلى ملفات أصغر.
- Minification: تصغير حجم ملفات CSS عن طريق إزالة المسافات والاحرف غير الضرورية.

### 10. التوافق (Compatibility)
تأكد من أن أنماطك تعمل بشكل جيد عبر المتصفحات المختلفة من خلال اختبار الكود الخاص بك في متصفحات متنوعة.

هذه العناصر الأساسية هي ما يجعلك قادرًا على تصميم واجهات ويب جذابة وفعالة باستخدام CSS. كلما زادت ممارستك ومعرفتك، زادت قدرتك على إنشاء تصاميم رائعة.

هاذا شرح للغة css الي طلبو والي يحتاج اي شي يلكني عن طريق البوت او حسابي عادي

أدوات ذكاء اصطناعي

تطوير الويب أساسيات واجهات أساسيات الهيكل ورسم إضافي وخلفيات كل هاذا للغات لتطوير صفحات الويب

مهارات مطوري كومة أو مجموعه أو مكدس كاملة

الي يجد معلومات مهمه يشارك يستفيد الجميع

@ll77_ll99_bot

رجال صادقين مؤمنين رجال لا يخافون من الموت رجال باعو أنفسهم في سبيل الله اعلئ كلمة الله ربي ينصركم يا رجال يا مؤمنين

لغة OOP هي لغة برمجة تعتمد على مفهوم البرمجة الكائنية (Object-Oriented Programming)، وهي لغة تتيح للبرمجة إنشاء كائنات وأصناف وتفاعلات بينها.

الخصائص الرئيسية للغات OOP:

المبادئ الأساسية
1. *التغليف (Encapsulation)*: حماية البيانات وتحديد الوصول إليها.
2. *الوراثة (Inheritance)*: إعادة استخدام الشفرة من خلال وراثة الخصائص.
3. *التعددية (Polymorphism)*: القدرة على اتخاذ أشكال مختلفة.
4. *التركيب (Composition)*: إنشاء كائنات من كائنات أخرى.

الأمثلة على لغات OOP
1. Java
2. C++
3. C#
4. Python
5. PHP
6. JavaScript
7. Ruby
8. Swift
9. Kotlin
10. Go

مزايا لغات OOP
1. سهولة صيانة الشفرة.
2. إعادة استخدام الشفرة.
3. تحسين أداء البرامج.
4. سهولة فهم وتحليل الشفرة.
5. تحسين التعاون بين المطورين.

عيوب لغات OOP
1. تعقيد البرمجة.
2. زيادة الحاجة إلى الذاكرة.
3. صعوبة فهم المبادئ الأساسية.
4. زيادة وقت التطوير.
5. صعوبة تحليل الأخطاء.

لغة بايثون تدعم البرمجة الكائنية (OOP) بشكل كامل. إليك كيفية استخدام OOP في بايثون:

المبادئ الأساسية
1. *التغليف (Encapsulation)*: إنشاء كائنات تحمل بياناتها ووظائفها.
2. *الوراثة (Inheritance)*: إعادة استخدام الشفرة من خلال وراثة الخصائص.
3. *التعددية (Polymorphism)*: القدرة على اتخاذ أشكال مختلفة.
4. *التركيب (Composition)*: إنشاء كائنات من كائنات أخرى.

إنشاء الطبقات

class اسم_الطبقة:
    def __init__(self, معلمات):
        # التغليف
        self.بيانات = معلمات

    def وظيفة(self):
        # وظيفة
        pass

الأمثلة
*طبقة سيارة*

class سيارة:
    def __init__(self, اسم, عدة_سيارات):
        self.اسم = اسم
        self.عدد_سيارات = عدة_سيارات

    def عرض_بيانات(self):
        print(f"اسم السيارة: {self.اسم}, عدد السيارات: {self.عدد_سيارات}")

سيارة1 = سيارة("تويوتا", 4)
سيارة1.عرض_بيانات()

الوراثة

class سيارة_رياضية(سيارة):
    def __init__(self, اسم, عدة_سيارات, سعة_المحرك):
        super().__init__(اسم, عدة_سيارات)
        self.سعة_المحرك = سعة_المحرك

    def عرض_بيانات(self):
        super().عرض_بيانات()
        print(f"سعة المحرك: {self.سعة_المحرك}")

سيارة2 = سيارة_رياضية("بورش", 2, 3000)
سيارة2.عرض_بيانات()

التعددية

class حيوان:
    def صوت(self):
        pass

class كلب(حيوان):
    def صوت(self):
        print("ووف")

class قطة(حيوان):
    def صوت(self):
        print("ميااو")

حيوان1 = كلب()
حيوان2 = قطة()

حيوان1.صوت()  # ووف
حيوان2.صوت()  # ميااو

التركيب

class محرك:
    def __init__(self, سعة):
        self.سعة = سعة

class سيارة:
    def __init__(self, اسم, محرك):
        self.اسم = اسم
        self.محرك = محرك

محرك1 = محرك(2000)
سيارة1 = سيارة("تويوتا", محرك1)
print(سيارة1.محرك.سعة)  # 2000

النصائح
1. استخدم التغليف لحماية البيانات.
2. استخدم الوراثة لإعادة استخدام الشفرة.
3. استخدم التعددية لتحقيق المرونة.
4. استخدم التركيب لإنشاء كائنات معقدة.
5. استخدم التوثيق لشرح الشفرة.

انواع اومر SQL

⋄ المتغيرات في بايثون (Variable in Python)

• ما هو المتغير في بايثون؟

متغير Python هو موقع ذاكرة محجوز لتخزين القيم. بمعنى آخر ، يعطي متغير في برنامج بيثون البيانات إلى الكمبيوتر لمعالجتها.

• هناك انواع من المتغيرات في بايثون و بايثون يقوم بتعريف انوع المتغيرت تلقائياً . اليك بعض النواع :
1 - str
2 - int
3 - float
4 - dict
5 - list
لمعرفة نوع أي متغير يمكنك إستخدام الدالة 
- type()
مثل
var = 10
var2 = "ruks"
print(type(var))
print(type(var2))

- سنحصل على النتيجة التالية

<class 'int'>
<class 'str'>



• كيف استخدام المتغير ؟ .
》x = 60

هنا فرضنا اسم المتغير x ويمكنك وضع أي اسم ما عدا بعض الأسماء المحجوزة من قبل البايثون مثل (if , pass , else , import , True ,False) والخ..

وذا قمنا بإخراجه او طباعه المتغير ب داله ()print سيقوم بطباعة 60 مثل ..
》x = 60
》print(x)
- result النتيجه

-> 60
• في بايثون يمكن تعريف عدة متغيرات متساوية القيمة في سطر واحد مثل :

# هنا قمنا بتعريف ثلاث متغيرات لهة نفس لقيمة
》a = b = c = 15  
# هنا قمنا بطباعة المتغيرات a b c
》print('a = ', a)
》print('b = ', b)
》print('c = ', c)
- نتيجة
-> a = 15
-> b = 15
-> c = 15

إذا كنت تريد ان تعرف التقنيات المستخدمة في موقع ويب معين مثلاً يعني تريد تعرف أي لغة برمجة مستخدمة في موقع معين ، كل ما عليك القيام به هو تقوم بنسخ رابط الموقع و تقوم بلصقه في الموقع هنا.
الموقع:
‏ wappalyzer.com

‏10 استعلامات SQL يجب أن تعرفها كعالم بيانات
‏تعلم أكثر استعلامات SQL استخدامًا في 5 دقائق مع أمثلة
‏تم كتابة جميع الاستعلامات في PostgreSQL
‏للتعرف عليها بشكل مفصل ودورها في التحكم ببياناتك هنا👇
‏⁦ uniofnet.com/go/CD1st1pKqq⁩

اهم الادوات التي ستحتاجها كمطور Web3 في تطوير Ethereum و Blockchain بشكل عام.

‏لغات بناء العقود الذكية:
‏- لغة Solidity
‏- لغة Vyper

‏اهم إطارات العمل:
‏- إطار Truffle
‏- إطار Hardhat

‏اهم الـ JS API للتفاعل مع Blockchain:
‏- مكتبة Web3.js
‏- مكتبة Ethers.js

‏اهم الادوات لإجراء اختبار Blockchain:
‏- اداة Ganache

ما هي افضل اطارات عمل في backend ✅🤔 ؟


🛑django:

💡هو اطار عمل تم تطويره بلغه بايثون لعمل تطبيقات الويب و هو من افضل اطار عمل للباك ايند و يوجد أيضا في مواقع مثل انستقرام ، بيترست

🛑Laravel:

💡هو اطار عمل تم تطويره بلغه php و هو من اكثر الاطارات المستخدمه في مجال الباك ايند ويتم انشاء منه تطبيقات الويب عن طريق لغه php تتبع Laravel هيكل MVC مما يجعلها سهلة التعلم


🛑Aps net:

💡هو اطار عمل في الباك ايند تم عمله لانشاء تطبيقات الويب و تم تطويره من مايكروسفت و ايضا يعطي القدرة للمبرمجين على بناء مواقع ويب ديناميكية، تطبيقات ويب وخدمات ويب

قائمة بأفضل المواقع التي سوف تساعدك في البحث عن وظيفة أو فترة تدريب… :

Linkedin :
fr.linkedin.com

Indeed :
ma.indeed.com

Naukri :
naukri.com

Job-Hunt :
job-hunt.org

Jobhunt :
jobhunt.com.my

emploi maroc :
emploi.ma

Bayt :
bayt.com/fr/morocco

Careercloud :
careercloud.com

GM4JH :
gm4jh.com

Rekrute :
rekrute.com

Jibberjobber :
jibberjobber.com

avito :
avito.ma/fr/maroc/offres_de_emploi

MarocAnnonces : marocannonces.com/categorie/309/Emploi/Offres-emploi.html

ِ🔰 الـبـرمـجـيـات الـخـبـيـثـة _ Malwares

مُصطلح "Malware" هو اختصار لكلمتي "Malicious Software" ويشمل هذا المصطلح الكثير من أنواع البرمجيات الخبيثة التي تتسبب في العديد من المشاكل، مثل : عرقلة تشغيل الجهاز، جمع المعلومات الحساسة أو الوصول إلى أنظمة تشغيل الجهاز الخاصة، وتُعتبر العامل الأكبر في خسارة الشركات لبياناتها، ولا ينجوا منها الأفراد أيضاً.
يتم تثبت هذه البرمجيات الخبيثة على جهاز الضحية دون موافقة مُسبقة، وهناك عدة طُرُق لتثبيتها.

هُناك عدة أنواع مُختلفة من البرمجيات الخبيثة، نذكر منها على سبيل المثال :
◊ الديدان _ Worms.
◊ البوتنيت _ Botnets.
◊ الروتكيت _ Rootkit.
◊ الفيروسات _ Viruses.
◊ حصان طروادة _ Trojan horse.
◊ برامج التجسس _ Spyware.
◊ القنابل المؤقتة _ Logic bomb.
◊ راصد لوحة المفاتيح _ Keylogger.
◊ برامج الأمن الاحتيالية _ Rogue Security Software.
◊ برمجيات الــ Adware.
◊ برامج الــ Ransomware.
◊ برامج الــ Crypto-Malware.

الي يحتاج تصاميم باور بوينت كلمني او ورد
@ll77_ll99_bot