عالم برمجةوتقنية الحاسوب C. P. W

مرحبا! 🎉 مرحبًا بقدومك إلى تخصص علوم الحاسب. هذا مجال مثير ورائع فيه الكثير من الفرص. لنبدأ ببعض النصائح والعناصر التي يمكنك التركيز على تعلمها ذاتيًا لتكوني متميزة ومطلوبة في سوق العمل:

### 1. البرمجة
- اللغات الأساسية: احرصي على تعلم لغات البرمجة الأساسية مثل Python وJava. Python مهمة للذكاء الاصطناعي وتطوير الويب وJava مفيدة لتطوير التطبيقات والبرمجيات الكبيرة.
- لغات أخرى شعبية: C++، C#، JavaScript (لتطوير الويب)، Ruby.

### 2. علم البيانات والذكاء الاصطناعي
- تحليل البيانات: تعلمي استخدام أدوات مثل Pandas وNumPy.
- تعلم الآلة: احرصي على دراسة مبادئ تعلم الآلة (Machine Learning) واستخدام مكتبات مثل Scikit-Learn.
- أدوات البرمجة: تعلمي استخدام TensorFlow أو PyTorch لتطبيقات الذكاء الاصطناعي.

### 3. تطوير الويب والتطبيقات
- تطوير الويب: تعلمي HTML، CSS، JavaScript، وأحد أطر العمل مثل React.js أو Angular.
- الخلفية (Backend): تعلمي استخدام

👍1

99 views11:48

عالم برمجةوتقنية الحاسوب C. P. W

بالطبع! JavaScript هي لغة برمجة تُستخدم بشكل واسع لإنشاء مواقع ويب ديناميكية وتفاعلية. سأقدم لك شرحاً مبسطاً لبعض الأساسيات لبدء تعلمها.

### 1. تضمين JavaScript في الصفحة
يتم تضمين JavaScript في HTML باستخدام علامة <script>.

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Example</title>
</head>
<body>
    <h1>Hello World</h1>
    <script>
        // JavaScript code goes here
        console.log("Hello World from JavaScript!");
    </script>
</body>
</html>

### 2. المتغيرات
يمكنك تخزين البيانات في متغيرات باستخدام var, let, أو const.

javascript
let name = "Alice";
const age = 25;
var city = "New York";

- let: يمكن تغيير قيمته طوال فترة استخدامه.
- const: لا يمكن تغيير قيمته بعد تعيينها.
- var: مشابه لـ let ولكن له نطاق مختلف (scope).

### 3. الأنواع الأساسية
JavaScript لديها الأنواع الأساسية مثل:

- الأرقام (Numbers)
- النصوص (Strings)
- القيم البولية (

👍2

108 views12:05

عالم برمجةوتقنية الحاسوب C. P. W

CSS تعني "Cascading Style Sheets" وهي لغة تُستخدم لوصف مظهر وتنسيق مستند مكتوب بلغة HTML. تُعتبر CSS جزءًا لا يتجزأ من الويب، حيث تتيح للمطورين التحكم في تصميم وتنظيم صفحات الويب بطريقة فعالة. فيما يلي شرح لبعض المفاهيم الأساسية في CSS:

### 1. الهيكل الأساسي للكتابة في CSS:

* يتم كتابة CSS داخل ملف HTML نفسه باستخدام العلامة <style> أو في ملف خارجي بامتداد .css.
* يتكون أي قاعدة CSS من ثلاثة أجزاء رئيسية: المحدد (selector)، الخاصية (property)، والقيمة (value).

#### مثال

في ملف HTML:

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <h1>Hello World!</h1>
</body>
</html>

في ملف CSS خارجي:

css
body {
    background-color: lightblue;
}

### 2. المحددات (Selectors)

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

* **

105 views22:23

عالم برمجةوتقنية الحاسوب C. P. W

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

### 1. مميزات بايثون:
- بساطة وسهولة القراءة: تشبه بناء جملة بايثون اللغة الإنجليزية، مما يجعلها سهلة التعلم والقراءة.
- متعددة الأغراض: تُستخدم في تطوير تطبيقات الويب، علم البيانات، الذكاء الاصطناعي، تحليل البيانات، النماذج العلمية، الأتمتة وغيرها.
- مجتمع ودعم قوي: تمتلك مكتبة قياسية غنية ومجتمعاً كبيراً من المطورين، بالإضافة إلى العديد من المكتبات والإطارات الخارجية (مثل Django لتطوير الويب، و NumPy لتحليل البيانات، وغيرها).

### 2. الهيكل الأساسي لكود بايثون:
البايثون تستخدم المسافات البادئة (Indentation) لتحديد كتل الأكواد بدلاً من الأقواس أو الكلمات المحجوزة للكثير من اللغات الأخرى. إليك مثال بسيط يوضح كيفية كتابة كود بايثون:

`python
# هذا تعليق في بايثون

#

92 views22:23

عالم برمجةوتقنية الحاسوب C. P. W

HTML، أو لغة توصيف النص التشعبي (HyperText Markup Language)، هي اللغة الأساسية لبناء صفحات الويب. يتم استخدام HTML لإنشاء هيكل وتنظيم المحتوى على الويب. تتميز لغة HTML باستخدام عناصر أو علامات (tags) لتغليف أجزاء المحتوى المختلفة وإعطائها معاني واستخدامات محددة.

إليك نظرة عامة عن بعض العناصر الأساسية في HTML:

1. الأساسيات:
- <html> و </html>: تمثل بداية ونهاية صفحة HTML.
- <head> و </head>: تحتوي على البيانات الوصفية Metadata، مثل عنوان الصفحة وربط ملفات CSS وJavaScript الخارجية.
- <title> و </title>: عنوان الصفحة الذي يظهر في شريط العنوان للمتصفح.
- <body> و </body>: جزء من الصفحة يحتوي على المحتوى المرئي للمستخدم.

2. العناصر الشائعة:
- <h1> إلى <h6>: تستخدم للعناوين، حيث يمتلك <h1> معظم الأولوية بينما <h6> يمتلك الأقل.
- <p>: فقرة نصية.
- <a href="URL">: وصلة تشعبية (رابط).
- <img src="URL" alt="الوصف">: صورة.
- <ul> و <ol>: قائمة غير مرتبة (نقاط) وقائمة مرت

123 views22:23

عالم برمجةوتقنية الحاسوب C. P. W

يبدو أن هناك بعض اللبس حول المصطلح "لغة is". قد يكون هناك خطأ إملائي أو أن المصطلح الذي تبحث عنه غير مألوف. سأحاول تغطية بعض الاحتمالات الشائعة.

1. لغة البرمجة "SQL":
SQL (Structured Query Language) هي لغة برمجة مصممة لإدارة البيانات في نظام إدارة قواعد البيانات العلائقية (RDBMS). تُستخدم SQL للاستعلام عن البيانات وإدارتها.

2. لغة البرمجة "Lisp":
Lisp (التصوير القائم على القوائم) هي واحدة من أقدم لغات البرمجة العالية المستوى. يُعرف Lisp بمرونته الكبيرة فيما يتعلق بالتلاعب بالأكواد.

3. لغة البرمجة "Lua":
Lua هي لغة برمجة خفيفة وسريعة، تستخدم بشكل شائع في تطوير الألعاب وتطبيقات الرسومات بسبب كفاءتها وسهولتها في التكامل مع لغات البرمجة الأخرى.

4. لغة "Assembly":
Assembly language هي لغة برمجة منخفضة المستوى تستخدم للتفاعل المباشر مع العتاد (hardware) في الحواسيب. Assembly تُستخدم بشكل رئيس لتطوير برامج النظام وأجزاء من النظم المدمجة (embedded systems).

هل كانت هذه اللغات قريبة مما كنت تبحث عنه؟ إذا كان لديك تلميحات إضافية حول "لغة is

144 views22:23

عالم برمجةوتقنية الحاسوب C. P. W

هجوم يمني على ايلات المحتلة

اصوات الانفجارات تدوووي الان 🔥 🫡".

❤2

145 views20:31

عالم برمجةوتقنية الحاسوب C. P. W

اذهب الى فرعون انه طغى
سرب من الطائرات المرعبة ستفتك بشرف اسرائيل من جديد وتاتي من حيث لايحتسبون

تل ابيب منطقة حرب وغير امنه على كل مستوطن مغادرتها ".

👍4

157 views20:41

عالم برمجةوتقنية الحاسوب C. P. W

🔰تعليمات مهمه لاصحاب الهمه
🔴 لاتثبت مكافحين بنفس النظام
🟡عند تثبت اي برنامج ولم ينفعك احذف بوقتة وثبت اخر
🟤 عند فتح البرامج افتح البرامج تتالي وليس الكل بنفس الوقت وخاصة الأجهزة الضعيفة
🔘تجنب استخدام تعريفات لا تناسب كمبيوترك
🔵الإنترنت عدو لدود للكمبيوتر
يفضل تصفح الإنترنت من الهاتف وليس الكمبيوتر
🟢عند امتلا بطارية الكمبيوتر افصل الشحن ولا تشتغل علية وهوا يشحن واصل
🔴لاتوقف الكمبيوتر / اسبات أو /سكون/ بشكل متواصل

https://t.me/alkwmanisharafalkwwmani

👍1

121 views21:18

عالم برمجةوتقنية الحاسوب C. P. W

https://t.me/alkwmanisharafalkwwmaniحل مشكلة الخلل العالمي الذي يضرب أنظمة Microsoft

✅ أكثر من 80% من الشركات الكبرى والمؤسسات تعتمد على خدمات مايكروسوفت في إدارة عملياتها مثل خدمات برامج MS Office وخدمات السحابة Azure وغيرها

✅ المشكلة حصلت بسبب تحديث خاطئ من شركة CrowdStrike وهي شركة أمريكية متخصصة باامن السيبراني تقدم حلول حماية شاملة ضد التهديدات الإلكترونية

✅ أدى هذا التحديث إلى مشكلة (الشاشة الزرقاء) وتعطل أنظمة التشغيل عن الإقلاع وتضرر ملايين الأنظمة حول العالم

✅ المتؤثرون الرئيسيون هم شركات الطيران، البنوك، الشبكات التلفزيونية، وشبكات السكك الحديدية في المملكة المتحدة، أستراليا، أوروبا، والولايات المتحدة

✅ يمكن حل المشكلة باتباع الخطوات التالية:

1- إقلاغ النظام بالوضع الآمن Safe Mode
2- الانتقال إلى المسار التالي ضمن نظام التشغيل:

C:\Windows\System32\drivers\CrowdStrike

3- ابحث عن ملف باسم C-00000291 وقم بحذفه
4- قم بإعادة تشغيل الجهاز وستعود الأمور لوضعها الطبيعي

👍1

108 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

لبناء موقع إلكتروني، يجب أولاً تحديد هدف الموقع. هل هو موقع تعليمي، تواصل اجتماعي، جهة حكومية، أو غير ذلك؟ بعد تحديد الهدف ودراسته بشكل كافٍ، نقوم بتحديد المتطلبات وكتابتها على ورق.

الخطوات التالية تتضمن:

1. إنشاء مجلد المشروع:
- قم بفتح مجلد جديد وأعطه اسم الموقع.
- افتح برنامج Visual Studio Code وقم بسحب المجلد الجديد إلى البرنامج.

2. إنشاء الملفات الأساسية:
- أنشئ ملف HTML، مثل index.html.
- أنشئ ملف CSS، مثل style.css.
- أنشئ ملف JavaScript، مثل script.js.

3. كتابة الشيفرة الأساسية في ملف HTML:
- افتح index.html وأضف الهيكل الأساسي:

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>اسم الموقع</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>مرحباً بكم في موقعي</h1>
<script src="script.js"></script>
</body>
</html>

4. تخصيص التصميم باستخدام CSS:
- افتح style.css وأضف الأنماط الأساسية:

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
text-align: center;
}

h1 {
color: #333;
margin-top: 20px;
}

5. إضافة التفاعلات باستخدام JavaScript:
- افتح script.js وأضف الشيفرة التالية:

document.addEventListener('DOMContentLoaded', function() {
console.log('مرحباً بكم في موقعي!');
});

6. فتح الموقع في المتصفح:
- بعد الانتهاء من كتابة الشيفرة، افتح ملف index.html في متصفح الويب لمعاينة الموقع.

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

سيتم الشرح ماهو html بالتفصيل وcss و js كذلك مع أمثلة

👍1

104 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

عناصر إضافية في HTML:
1. <meta>:
- يُستخدم لتحديد بيانات الميتا (Meta Data) عن الصفحة، مثل الوصف، الكلمات المفتاحية، نوع الترميز. مثال:

<meta charset="UTF-8">
<meta name="description" content="توضيح الصفحة">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="اسم المؤلف">

2. <div>:
- عنصر حاوية (Container) يُستخدم لتجميع العناصر معًا. لا يؤثر على التنسيق الافتراضي ولكن يُستخدم مع CSS لتنسيق المحتوى.
html
<div>
<h2>عنوان فرعي</h2>
<p>فقرة داخل div.</p>
</div>

3. <span>:
- عنصر مضمن (Inline) يُستخدم لتجميع جزء من النص معًا. لا يؤثر على التنسيق الافتراضي ولكن يُستخدم مع CSS لتنسيق النص.

<p>هذا نص عادي و <span style="color: red;">هذا النص باللون الأحمر.</span></p>

### CSS (Cascading Style Sheets)

خصائص إضافية في CSS:
1. التخطيط المرن (Flexbox):
- يُستخدم لتصميم تخطيطات مرنة وسهلة التحكم.

.container {
display: flex;
flex-direction: row; /* يمكن أن تكون column أيضًا */
justify-content: center; /* يمكن أن تكون flex-start أو flex-end أو space-between أو space-around */
align-items: center; /* يمكن أن تكون flex-start أو flex-end أو stretch */
}

2. التحولات (Transitions):
- تُستخدم لإضافة تأثيرات تغيير سلسة عند تغيير الأنماط.

.box {
width: 100px;
height: 100px;
background-color: blue;
transition: background-color 0.5s; /* التغير في لون الخلفية سيستغرق 0.5 ثانية */
}

.box:hover {
background-color: red;
}

3. الرسوم المتحركة (Animations):
- تُستخدم لإنشاء تأثيرات متحركة.

@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}

.animated-box {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 4s;
}

### JavaScript (JS)

مفاهيم إضافية في JavaScript:
1. استعلام عناصر DOM:
- يمكن الوصول إلى العناصر بطرق متعددة.

// الوصول إلى العناصر بواسطة id
var element = document.getElementById("myElement");

// الوصول إلى العناصر بواسطة class
var elements = document.getElementsByClassName("myClass");

// الوصول إلى العناصر بواسطة tag
var elements = document.getElementsByTagName("p");

// الوصول إلى العناصر بواسطة CSS selectors
var element = document.querySelector(".myClass");
var elements = document.querySelectorAll(".myClass");

2. التعامل مع الأحداث (Events):
- يمكن الاستماع للأحداث المختلفة على العناصر.

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
alert("تم النقر على الزر!");
});

3. التعامل مع النماذج (Forms):
- يمكن التحقق من صحة النماذج ومعالجة البيانات.

<form id="myForm">
<input type="text" id="myInput" value="بعض النص">
<input type="submit" value="إرسال">
</form>

<script>
var form = document.getElementById("myForm");
form.addEventListener("submit", function(event) {
event.preventDefault(); // منع إعادة تحميل الصفحة
var input = document.getElementById("myInput").value;
alert("قيمة الإدخال: " + input);
});
</script>

#لا_تنسى_دعائكم_بالخير_لنا_ولكم

👍1

106 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

أساليب كتابة الكود في جافاسكربت
بدايةً عليك معرفة أن كود الجافاسكربت عبارة عن مجموعة أوامر ( Statements ) يتم تنفيذها بالترتيب الموضوعة فيه.
طالما أن الأوامر مكتوبة بشكل صحيح فإنه سيتم تنفيذها بشكل كامل، أما إذا كان يوجد أمر ما مكتوب بشكل خاطئ فإنه لن يتم تنفيذه و لن يتم تنفيذ أي أمر موضوع بعده.

حساسية الأحرف
جافاسكربت تطبق مفهوم حساسية الأحرف ( Case Sensitivity ) و هذا يعني أنها تميز بين الأحرف الكبيرة و الأحرف الصغيرة.

مثال: note و Note ليسا شيئاً واحداً.

أسماء المعرّفات
جافاسكربت تعتمد أسلوب Camel Case في كتابة أسماء الأشياء التي يتم تعريفها. لذا إستخدم الأحرف الصغيرة عند اختيار أسماء للمتغيرات أو للدوال و في حال كان الإسم يتألف من أكثر من كلمة فإبدأ أول كلمة بحرف صغير و كل كلمة بعدها إبدأها بحرف كبير.

أمثلة
في حال كان الإسم يتألف من كلمة واحدة.

var age;
في حال كان الإسم يتألف من أكثر من كلمة.

var firstName;

الفاصلة المنقوطة
في جافاسكربت يعتبر وضع فاصلة منقوطة ; في نهاية كل أمر هو شيء اختياري يمكنك فعله و يمكنك تجاهله. بالرغم من أن وضع فاصلة منقوطة هو أمر اختياري إلا أننا ننصحك دائماً بأن تضعها فهذا الأمر يساعدك على ترتيب الكود و معرفة أين ينتهي كل أمر و قد يجنبك الوقوع في مشكلة تداخل الأوامر التي أنت بغنى عنها.

أمثلة
var name = 'Mhamad';
var country = 'Lebanon';

المسافات الفارغة
في جافاسكربت المسافات الفارغة و الأسطر الفارغة لا تسبب مشكلة في الكود و لكن عليك استخدامها بشكل مناسب يساعدك في قراءة الكود.

أمثلة
لاحظ كم هو مريح للنظر أن تبعد رمز المساواة عن الإسم و القيمة.

var language = 'Arabic';
و لاحظ كم هو سيء للنظر أن تلصق رمز المساواة بالإسم و القيمة.

var language='Arabic';

التعليقات
نستخدم التعليقات لنضع ملاحظات حول الكود الذي كتبناه فقط، لكي لا ننسى كيف برمجنا الكود في حال أردنا مراجعته أو التعديل عليه بعد وقت طويل. و بالطبع التعليقات لا تؤثر إطلاقاً على الكود المكتوب.

في جافاسكربت يوجد أسلوبين لوضع التعليقات:

تعليق على سطر واحد.
تعليق على عدة أسطر.
أمثلة
في حال كان التعليق يتألف من سطر واحد, نضع الرمز // قبل كتابة التعليق.

// this is a one line comment تعليق يتألف من سطر واحد
في حال كان التعليق يتألف من عدة أسطر، نبدأ التعليق بالرمز /* و ننهيه بالرمز */.

/*
This is multlines comment
هذا التعليق يتألف من عدة أسطر
*/
الأحرف المستخدمة في وضع الأسماء في جافاسكربت
أي إسم نضعه لمتغير، دالة، كلاس، كائن إلخ.. يسمى identifier في البرمجة.
في جافاسكربت كل عنصر نريد تعريفه علينا إعطاءه إسم خاص لم نقم باستخدامه من قبل.
https://t.me/alkwmanisharafalkwwmani

👍1

129 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

في لغات البرمجة، هنالك نوعان من المترجمين بين اللغات هما: المفسر interpreter، والمترجم compiler. بناءً على ذلك، تنقسم لغات البرمجة إلى لغات مفسرة ولغات مترجمة. (من الآن وصاعدًا، كلما ذكرنا لغات البرمجة، فنحن نشير إلى لغات البرمجة عالية المستوى.)

-المفسر (interpreter): وهو برنامج خاصٌ يفسِّر الشيفرة المصدرية لبرنامج مكتوب بلغة عالية المستوى سطرًا بسطر ويحولها إلى لغة منخفضة المستوى لينفذها الحاسوب مباشرةً. -المترجم (compiler): وهو برنامج خاصٌ يحوِّل الملفات المصدرية لبرنامج مكتوب بلغة عالية المستوى إلى ملف تنفيذي مكتوب بلغة الآلة دفعةً واحدةً، ثم يمكن تشغيل الملف التنفيذي على الحاسوب للقيام بالمهمة المطلوبة.

👍1

125 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

أما بخصوص أدوات التطوير، فستحتاج إلى برمجية لكتابة الشيفرات، وهنالك نوعان رئيسيان لها:

◆ المحررات النصية: مثل Visual Studio Code أو Atom أو Sublime Text أو Bracktes أو Notepad++‎. وهذه المحررات النصية تكون بسيطة في أغلبها، وتوفر ميزات أساسية مثل تلوين الشيفرات، وبعض ميزات الإكمال التلقائي، وتدعم أغلبيتها إضافات لزيادة وظائفها. وظيفة هذه المحررات النصية عمومًا هي تعديل الشيفرات بسهولة وسرعة. ننصحك بتجربة Visual Studio Code لشهرته حاليًا وكثرة إضافاته ودعمه الممتاز من شركة Microsoft.
◆ بيئات التطوير المدمجة: مثل Visual Studio و Eclipse و Android Studio و NetBeans و Apple Xcode وغيرها. وهذه البيئات توفر ميزات أكثر بكثير من المحررات النصية، مثل تشغيل الشيفرات وتنقيحها (debugging) وميزات التحكم بالإصدارات (version control) والاتصال بقواعد البيانات وخلاف ذلك

👍1

134 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

شرح بسيط عن كيفية تعلم برمجة اي لغة
حتى تتعلم برمجة اي لغة مهما كانت مستوى لغة
يجب تعرف اولا على أساسيات اللغة تقريبا اللغات برمجية متشابهة في أساسيات بعد فهمك إلى أساسيات نتقل إلى مرحلة ثانية وهي تطبيق الكود بسيط واذا واجهت مشكلة يمنك مراسلتنا لكي نحلها او استخدم موقع stack overflow او موقع W3Schools مع كتابة اسم مشكلة ،، وبعد تتعرف من مشاكل التي حدثت معك يجب أن تطور نفسك ،، كيف ؟ الجواب سهل للغاية تتبع دورات تعليمية وايضا قراءة او دخول قنوات موثوقة تشرح كل شيء ،،
#ولا_تنسى_دعائك_لكم_ولنا_بالخير_وصحة
https://t.me/alkwmani7669

👍1

138 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

### HTML (HyperText Markup Language)

أساسيات HTML:
- عناصر HTML (Tags): تُستخدم لتحديد محتوى الصفحة.
- العناصر الأساسية: <html>, <head>, <title>, <body>, <h1>, <p>, <a>, <img>, <ul>, <li>.

مثال بسيط:
<!DOCTYPE html>
<html>
<head>
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبا بك في موقعي</h1>
<p>هذا مثال بسيط لصفحة ويب.</p>
<a href="https://www.example.com">زرني</a>
<img src="image.jpg" alt="مثال على صورة">
<ul>
<li>العنصر الأول</li>
<li>العنصر الثاني</li>
</ul>
</body>
</html>
- <h1>: عنوان رئيسي.
- <p>: فقرة.
- <a>: رابط.
- <img>: صورة.
- <ul> و <li>: قائمة غير مرتبة وعناصرها.

### CSS (Cascading Style Sheets)

أساسيات CSS:
- تنسيق النصوص: الألوان، الخطوط، الأحجام.
- تخطيط الصفحة: الهوامش، الحدود، التوسيط.
- القواعد: يُمكن تطبيق القواعد على عناصر محددة باستخدام الأنماط (Selectors).

مثال بسيط:

html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: lightblue;
        }
        h1 {
            color: white;
            text-align: center;
        }
        p {
            font-family: verdana;
            font-size: 20px;
        }
        a {
            color: red;
        }
    </style>
</head>
<body>
    <h1>مرحبا بك في موقعي</h1>
    <p>هذا مثال بسيط لصفحة ويب باستخدام CSS.</p>
    <a href="https://www.example.com">زرني</a>
</body>
</html>
- body: يُحدد لون الخلفية للصفحة.
- h1: يُحدد لون النص ومحاذاته.
- p: يُحدد نوع الخط وحجم النص.
- a: يُحدد لون الروابط.

#أساسيات JavaScriptأساسالإجراءات الأساسيةالإجراءات الأساسية**: مثل تغيير االأحداثرسائل.
- الأحداث: مثل مثال بسيطزرار.

مثال بسيط:
html
<!DOCTYPE html>
<html>
<head>
    <title>مثال JavaScript</title>
    <script>
        function changeText() {
            document.getElementById("demo").innerHTML = "تم تغيير النص!";
        }
    </script>
</head>
<body>
    <h1>مثال JavaScript</h1>
    <p id="demo">هذا النص سيتم تغييره عند النقر على الزر.</p>
    <button type="button" onclick="changeText()">انقر هنا</button>
</body>
</html>

- script: يحتوي على كود JavaScript.
- changeText(): دالة تُغير محتوى العنصر ذو الـid "demo" عند النقر على الزر.
- button: زر ينف

ذ اHTMLد النقر HTML## خلاصة

- HTML: يُستCSSشاء الهيكل الأساسي للصفحة.
- **CSSJavaScriptنسJavaScriptحة.
- JavaScript: يُستخدم لإضافة التفاعلية والوظائف للصفحة.

https://t.me/alkwmani7669

👍3

190 views21:23

عالم برمجةوتقنية الحاسوب C. P. W

Channel photo updated

16:38

عالم برمجةوتقنية الحاسوب C. P. W

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

▪️perplexityai
•منصة للإجابة على الأسئلة باستخدام الذكاء الاصطناعي، تقدم إجابات دقيقة ومفصلة مع مراجع وروابط للمصادر.

▪️ thinkanyai
•محرك البحث يحتوي على ميزات بحث مدمجة بالذكاء الاصطناعي لتقديم إجابات مفصلة مع تلخيصها في خرائط ذهنية

▪️ scinitoai
•محرك بحث للباحثين يوفر أكثر من ٢٤٠ مليون ورقة بحثية في مختلف المجالات ويوفر عدد كبير منها باللغة العربية (مميز جداً في هذه الجزئية)
يتيح الوصول الكامل للورقة البحثية والبحث عنها في google للوصول إليها من مصادر مختلفه ويوفر الاقتباسات

▪️ omniplexai
•محرك بحث مفتوح المصدر. يمكن من خلاله تحديد مجال البحث ومساره مثل أكاديمي أو YouTube أو ويكيبيديا أو reddit وغيرها.

▪️everypixel.com
•محرك بحث مخصص للصور يجمع بين العديد من مكتبات الصور، يساعد في العثور على الصور ذات الجودة العالية والأفكار الإبداعية.

▪️gensparkai
•محرك بحث يستخدم الذكاء الاصطناعي لتقديم إجابات دقيقة وشاملة في مجالات متعددة.

▪️gptgoai
•محرك بحث يستخدم تقنية GPT لتقديم إجابات دقيقة وشاملة، يساعد المستخدمين في العثور على الإجابات الموثوقة.

▪️you.com
•محرك بحث يقدم تجربة مخصصة مع نتائج تفاعلية وشخصية، يدمج بين البحث التقليدي والذكاء الاصطناعي

▪️explorer.globe.engineer
•محرك بحث يجمع المعرفة من مصادر متعددة بتنسيق يسهل فهمه، يشمل الرسومات البيانية والصور.

▪️Microsoft Copilot
•يجمع بين الذكاء الاصطناعي والبحث التقليدي لتقديم تجربة بحث شخصية وسريعة.

▪️Google Gemini
•يستخدم لتقديم إجابات شبيهة بالبشر ودقيقة، ويدعم إدخال الاستفسارات بأشكال متعددة مثل الصور والصوت .

▪️Andi
•محرك بحث مجاني يركز على الخصوصية ويستخدم تقنيات بحث دلالية، يقدم تجربة خالية من الإعلانات مع تلخيص للمعلومات .

▪️Exa.ai
•يستخدم نموذج لغة كبير لتصفية المحتوى بناءً على المعنى، يتيح تخصيص نتائج البحث حسب التاريخ والموقع والموضوع

▪️Phind
•مخصص للمطورين، يوفر نتائج دقيقة باستخدام تقنيات AI المتقدمة، يتضمن خيارات مجانية ومدفوعة مع ميزات إضافية

111 views19:27

عالم برمجةوتقنية الحاسوب C. P. W

#شرح ما التحديثات على جملة switch ؟
في الاصدارات الجديده من جافا وتحديداً الاصدارات الأحدث من الاصدار 12 تم تحديث جملة switch واهم ما تم اضافته اليها الاتي :
1. امكانية استعمالها لاعادة قيمة .
int day = 3;
String dayName = switch (day) {
    case 1 -> "Sunday";
    case 2 -> "Monday";
    case 3 -> "Tuesday";
    case 4 -> "Wednesday";
    case 5 -> "Thursday";
    case 6 -> "Friday";
    case 7 -> "Saturday";
    default -> "non day";
};
في هذا المثال ستقوم التعليمة باعادة اسم يوم الاسبوع الى المتغير dayName اعتماداً على رقم اليوم .

2. استبدال التعبير ( <- ) بدلا من (:) والعبارة break .
int numLetters = switch (day) {
    case 1, 2, 3, 4, 5 -> 6;
    case 6, 7 -> 8;
    default -> 0;
};
ويمكن استخدام الاقواس عندما يكون لدينا اكثر من امر ، وفي هذه الحالة اذا اردنا ان نعيد قيمة نستعمل الامر yield .
String dayType = switch (day) {
    case 1, 7 -> "Weekend";
    case 2, 3, 4, 5, 6 -> {
      System.out.println("It's a weekday");
        yield "Weekday";
    }
    default -> "Nun";
};
تطوير لغات البرمجة لا يتوقف في مرحلة ما ولكن يتم مواكبة كل جديد في تعلم البرمجة لإضافة اي ميزات جديده .
تعتبر لغة الجافا من اقوى اللغات التي لا يستغنى عنها وينصح بها الاكادمين والمحترفين .

131 views19:27

About

Blog

Apps

Platform