Najah Alsaker

في البداية قم بازالة هذه الخصائص من داخل ال header header { background-image: url(../src/images/bac.jpg); background-size: cover ; background-attachment: fixed; background-position: center center; min-height: 100vh; } وقم بنقلها الى ال header .overlay header .overlay { background: rgba(0, 0, 0, 0.8); /*0 % , 100% تدل عل الموضع*/ height: 100vh; /* اضف العناصر هنا */ } ليصبح الكود كالتالي header .overlay { background: rgba(0, 0, 0, 0.8); /*0 % , 100% تدل عل الموضع*/ height: 100vh; /* اضف العناصر هنا */ background-image: url(../src/images/bac.jpg); background-size: cover ; background-attachment: fixed; background-position: center center; min-height: 100vh; } ثم ان هذه الخصائص تتغير عند تغيير الاحجام لذلك يجب عليك وضعها عند القسم المراد تغييرها بها وتغيير فقط هاتان الخاصيتان المشار اليهم حسب الحجم المطلوب @media (max-width: 767.98px) { header .overlay { background: rgba(0, 0, 0, 0.8); /* قمت بتغيير الارتفاع هنا الى 70 px */ height: 70vh; background-image: url(../src/images/bac.jpg); background-size: cover ; background-attachment: fixed; background-position: center center; /* قمت بتحديد الحد الادنى للارتفاع 50 */ min-height: 50vh; } } لتصبح النتيجة كالتالي : الان دعنا نقوم بتغيير اماكن الكتابة والازرار لتصبح متناسبة اكثر مع الحجم الجديد اضف هذا الكود اسفل الكود السابق لرفع الكتابة للاعلى قليلا header .overlay .slider .carousel-inner .carousel-item .carousel-caption { bottom: 40%; } ثم اضف هذا الكود لرفع الازرار للاعلى قليلا header .overlay .slider .carousel-control-prev , header .overlay .slider .carousel-control-next { top : auto ; bottom: 50%; width: auto; } طبعا يمكنك تغير الاحجام حسب الرغبة وهذا هو المشورع المعدل تستطيع الاطلاع على التغيرات واضافتها الى المشورع الخاص بك او التعديل على المشروع الحالى حسب الرغبة بالتوفيق لك .. DR.Scan.zip

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

هناك ميزة تدعى @media في لغة css يمكنك استخدامها لتغيير حجم الخلفية في مختلف الشاشات عبر كتابة هذا الكود في اخر ملف ال css على سبيل المثال اريد تغيير حجم الخلفية عند المقاس 768px كحد اقصى ف اكتب الكود التالي @media (max-width: 768px) { body { //هنا تضع الاحجام والمميزات التي تريدها } } الخاصية @media هي التي تسمح لنا بالتحكم بمقاس الشاشة max-width: 768px : حددت له انه من اصغر حجم للشاشات وحتى المقاس 768px وبين الاقواس الهلالية تكتب الكود الذي تريده وهناك طريقة لتعرف مقاس الشاشة الذي تريد تغير الخصائص عنده وذلك من خلال تثبيت اضافة width and height display وبالتوفيق لك

اولا تقوم بتثبيت مفسر بايثون عبر الذهاب الى الموقع الرسمي من هنا تذهب الى التبويبة Download ثم نضغط على الايقونة التي تعرض نسخة python بعد اكتمال عملية التنزيل افتح برنامج التثبيت وثبته بالطريقة المعتادة وتأكد من تفعيل الخيار add python.exe to path ملاحظة : يتضمن برنامج التثبيت برنامج IDLE ايضا الذي يثبت تقائيا مع مفسر اللغة وفي انظمة التشغيل مثل MAC و Linux تثبت لغة python تلقائيا مع نظام التشغيل ومع ذلك يمكنك تثبيتها مجددا لانها تكون نسخة قديمة بعض الشيء و يمكنك معرفة المزيد من خلال قراءة هذا المقال

باختصار، هذا العنصر يساعد في جعل صفحات الويب تعرض بشكل صحيح على الأجهزة المحمولة، بما يتناسب مع عرض شاشة الجهاز وبمستوى تكبير مناسب. وهذا شرح تفصيلي لكل عنصر وخاصية في هذا الكود العنصر meta هو عنصر يستخدم في صفحات الويب للتحكم في خصائص العرض على مختلف الشاشات "name="viewport : يستخدم في صفحات الويب لتعريف كيفية عرض المحتوى على الشاشة. يمكن استخدامه لتعيين العرض الأولي (initial-scale) والحد الأدنى والأقصى للتكبير (minimum-scale و maximum-scale) وما إذا كان المستخدم يمكنه التكبير والتصغير يدويًا (user-scalable). هذا يساعد في جعل تجربة المستخدم أفضل وأكثر تناسبًا مع مختلف أحجام الشاشات. "content="width=device-width :تعني أن عرض الصفحة يجب أن يكون مساويًا لعرض شاشة الجهاز. هذا يسمح بتناسب المحتوى مع عرض الشاشة بشكل جيد، سواء كانت على هاتف محمول أو جهاز لوحي أو شاشة كبيرة. initial-scale=1.0 : يحدد مستوى التكبير الافتراضي لصفحة الويب عند تحميلها. بمعنى آخر، يُعرض المحتوى بحجمه الطبيعي دون تكبير أو تصغير إضافي. بالتوفيق لك

بالنسبة لهذا السؤال الاختبار يكون للدورة كاملة عند الانتهاء من 4 مسارات على الاقل منها ويجري كالتالي : عند تحقيق الشروط وعمل مشاريع عملية مع المدرب ورفعها على حسابك على GitHub تقوم بالتواصل مع مركز مساعدة الاكادمية للتقديم على الامتحان من هنا يجري الامتحان على مرحلتين نظرية : بمقابلة مباشر مع المدرب لمدة نصف ساعة عملية : وهي عبارة عن مشروع التخرج بعد اجتياز هاتين المرحلتين بنجاح تتأهل للحصول على شهادة معتمدة من اكاديمية حسوب اضغط هنا للذهاب الى صفحة شروط الامتحان والحصول على الشهادة بالتوفيق لك

الرجاء تحديد الكورس الذي تذاكره ليتم مساعدتك بشكل افضل اما الان ساعطيك بعض النصائح والمعلومات بشكل عام هذه المعلومات نظرية الان ولكنك ستستخدمها عمليا في وقت لاحق لذلك لا داعي للقلق لانها ستمر عليك مرات عديدة في اماكن اخرى وستحفظها من التكرار ولكن دعني اعطيك بعض الخطوات التي يجب عليك اتباعها لتحفظ هذه المعلومات التكرار : كما ذكرت لك قبل قليل انه بالتكرار ستحفظها لذلك قم بتسجيل الملاحظات الاساسية من كل فيديو وقم بمراجعتها باستمرار اكتب ملخصات وملاحظات: بعد الانتهاء من الفيديو قم بكتابة جميع الملاحظات والمعلومات التي تتذكرها ثم اعد الفيديو بعد قليل وتاكد من صحتها ولا بأس ان اخطأت لانك ستتذكر خطئك شرح المفاهيم: هذه الطريقة استخدمها شخصيا وتنفعني كثيرا اعتبر نفسك استاذ وقم بدراسة الدرس بعناية كأنك تريد اعطاءه وشرح لاحد ثم قم باعادة اعطاء الدرس لمجموعة طلاب من خيالك بهذه الطريقة لن تنساه ابدا ولكن هذه المعلومات والطرق طبقها على المصطلحات والقوانين الواجب عليك حفظها لاستعمالها لاحقا ولا تتطبقها على المعلومات العامة البسيطة التي لا داعي ل حفظها فقط اكتفي بمعرفتها ك ثقافة ولا مشكلة ان نسيتها وبالتوفيق لك

خوارزميات الضرب بشكل عام هي تصف الطريقة التي تجري فيها تنفيذ عملية الضرب اي انها طريقة الضرب التي كنا نتعلمها في المدارس لنستطيع ضرب اعداد كبيرة او اكثر من عدد بدون استخدام الالة الحاسبة ولها العديد من الانواع والطرق وهذه بعض الامثلة عليها طريقة الشبكة : لنحسب خوارزمية ضرب 24 ب 13 (34*13) قمنا بتجزيء الرقم 34 الى عددين وهما 30 و 4 وايضا رقم 13 الى عددين 13 و 3 اي اننا فصلنا الاحاد عن العشرات ثم قمنا بضرب كل منها على حدى وجمعنا النتائج ليظهر لنا نتيجة الضرب النهائية 300+40+90+12=442 والذي هو نفس نتيجة حاصل ضرب 34 ب13 ولكن بطريقة مجزءة يمكنك تجربة ذلك بفسك وهناك العديد والعديد من الطرق الاخرى يمكنك التطرق الها ولكنني ذكرت لك مثال واحد فقط لتتوضح الفكرة لديك اظن ان الامر اصبح واضحا جدا الان عن الفرق بين خوارزمية الضرب وبين هذه الكتابة n = 25 * 20 نعم، عملية الضرب قد تؤثر على كفاءة البرنامج، خاصة إذا كان هناك عمليات ضرب متكررة أو ضرب لأعداد كبيرة. عملية الضرب تستهلك وقتاً وموارد الحاسوب، وبالتالي يمكن أن تؤثر على سرعة تنفيذ البرنامج. نعم، تحتوي على العديد من الخوارزميات المتقدمة للعمليات الرياضية، بما في ذلك خوارزميات ضرب الأعداد والمصفوفات. تستخدم NumPy خوارزميات محسنة لأداء عمليات الضرب بكفاءة عالية، مما يجعلها مفيدة للعمل مع بيانات كبيرة وعمليات الحساب المتقدمة. وحتى ان استخدام هذه المكتبة يساعد في تسريع اداء البرنامج ان كان هناك عمليات ضرب كثيرة بالتوفيق لك

ساعطيك اياها باختصار شديد على الرغم من أن compiler اسرع الا ان لل interpreter ميزات كثييرة والان سأوضح لك الفرق والمميزات بين الاثنين نبدأ أولا مع الـ Interpreter: يقوم بترجمة سطر سطر أو فقرة فقرة من الكود سورس يستمر في ترجمة وتنفيذ البرنامج وإذا كان هناك خطأ فهو يتوقف في السطر الذي يحتوي على الخطأ أثناء عملية التنفيذ يقوم بترجمة الكود سورس بسرعة لكن ينفذه ببطئ سهولة تتبع الأخطاء لأن البرنامج يتوقف في مكان الخطأ مباشرة اللغات التي تعتمد مبدأ الـ Interpreter : لغة php لغة Python لغة Ruby لغة JavaScript لغة Perl ثانيا الـ Compiler: يقوم بتحليل البرنامج بالكامل ثم يترجمه كاملا إلى لغة الآلة يأخذ وقت طويل في ترجمة الكود سورس لكن ينفذه بسرعة كبيرة جدا يقوم باكتشاف الأخطاء بعد عمل تحليل للبرنامج بالكامل لهذا تحديد مكان الخطأ صعب بالمقارنة مع الـ interpreter اللغات التي تعتمد مبدأ الـ Compiler: لغة c و c++ لغة c# لغة java تجمع بين المبدأين معا وهذا هو ما يجعل البرامج التي كتبت بالجافا تشتغل في جميع أنظمة التشغيل لذلك تستطيع استخدام الذي تريده حسب اللغة التي تستخدمها ومتطلبات مشروعك وبالتوفيق لك

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

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

كلا تقوم بشراء نطاق واحد فقط وتقوم بربط ايميلك مع ملفك الشخصي عبر معلومات الاتصال كما اخبرتك سابقا

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

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

لربط قاعدة بيانات MySQL في استضافة باستخدام PHP يمكنك استخدام الكود التالي كمثال أساسي: <?php $servername = "اسم_الخادم" $username = "اسم_المستخدم_لقاعدة_البيانات"; $password = "كلمة_السر_لقاعدة_البيانات"; $dbname = "اسم_قاعدة_البيانات"; // إنشاء الاتصال $conn = new mysqli($servername, $username, $password, $dbname); // التحقق من الاتصال if ($conn->connect_error) { die("فشل الاتصال: " . $conn->connect_error); } echo "تم الاتصال بنجاح"; ?> تأكد من استبدال : اسم_الخادم اسم_المستخدم_لقاعدة_البيانات كلمة_السر_لقاعدة_البيانات اسم_قاعدة_البيانات بالمعلومات الخاصة بقاعدة البيانات التي تريد الاتصال بها. يتم استدعاء كود الاتصال بقاعدة البيانات عادة في بداية السكربت الذي يحتاج إلى التفاعل مع البيانات يمكنك وضعه في ملف منفصل يسمى عادة config.php أو db.php ومن ثم استدعاء هذا الملف في السكربتات الأخرى باستخدام دالة include_once أو require_once . التوضيح الذي قدمته هو للاستخدام في بيئة PHP الأساسية دون استخدام أطر عمل مثل Laravel اذا كنت تستخدم Laravel فان الإعداد يكون مختلفًا قليلاً حيث يتم التعامل مع التكوينات بطريقة أكثر تجريدًا وأمانًا في Laravel مثلا يمكنك تعيين بيانات الاتصال بقاعدة البيانات في ملف env في الجذر الرئيسي للتطبيق الخاص بك. إليك مثال على كيفية تعيين هذه القيم في ملف env DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=اسم_قاعدة_البيانات DB_USERNAME=اسم_المستخدم DB_PASSWORD=كلمة_السر

بشكل عام ومبسط ال % في البرمجة تعني باقي القسمة لنشرح ذلك بطريقة الرياضيات والحسابات بناءا على المثال الذي قمت بتقديمه cout << N%10 + M%10; عندما نقوم ب تقسيم ال 12 على 10 فأن العملية تجري بهذه الطريقة (اظهرت لك طريقة الدرج والشجرة لاني لا اعلم ما التي تستخدمها عادة) اذا فأن العدد 2 الذي بقي من قسمة 12على10 هو نتيجة 10%12 وبناءا على المثال الذي اعطيتنا اياه ف ان نتيجة (10%12) هي 2 و (10%13) فهي 3 ومجموع النتيجتان هو 5 لذلك قام البرنامج باعطائك result = 5 بالتوفيق لك

في البداية ساعطيك اكواد الالوان التي طلبتها ثم ساعلمك طريقة احضار كود اي لون يعجبك اللون الذهبي اللون الذهبي الفاتح #FFDF00 rgb(255, 223, 0) اللون الذهبي الغامق #B8860B rgb(184, 134, 11) لون دم الغزال #c71116 rgb(199, 17, 22) والان ستقوم بتثبيت اضافة colorzilla في google chrome الخاص بك من هنا بعد الثبيت اضفط على اختصار الاضافة من هنا وقم بوضع المؤشر على اللون الذي تريد معرفة الكود الخاص به ومن ثم يمكنك الحصول على كود اللون من هنا وبالتوفيق لك

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

هذه الرسالة تشير إلى أن Code::Blocks لا يستطيع العثور على ال Compiler الخاص بك أو أن إعداداته غير صحيحة. لحل هذه المشكلة، يمكنك اتباع الخطوات التالية: 1. التأكد من تثبيت Compiler: تأكد من أن لديك برنامج مُجمِّع مثبت على النظام. في حال استخدام MinGW كمُجمِّع، تأكد من تثبيته بشكل صحيح. 2. تكوين إعدادات الCompiler في Code::Blocks: اذهب إلى Settings->Compiler>Global compiler settings اختر الCompiler الصحيح (مثل GNU GCC Compiler). تأكد من تكوين إعدادات الCompiler بشكل صحيح، بما في ذلك مسار الCompiler وملفات الإدخال والإخراج وما إلى ذلك. 3. التأكد من توافق مسار الCompiler في إعدادات Code::Blocks: تأكد من أن مسار الCompiler الموجود في إعدادات Code::Blocks متطابق تمامًا مع المسار الفعلي الCompiler على جهازك. 4. إعادة تثبيت Code::Blocks : إذا لم تحل المشكلة بعد محاولة الخطوات السابقة، فقد تحتاج إلى إعادة تثبيت Code::Blocks بالكامل. بالتوفيق لك

في البداية دعني اوضح لك الكود الذي استخدمته <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <style> .parent{ background-color: rgb(232, 232, 232); width: 40%; } .child{ border-left: 5px solid purple; padding: 10px; } </style> <body> <div class="parent"> <div class="child">This is important Note</div> </div> </body> </html> هذا الكود يقوم باعطاء نفس النتيجة التي ظهرت لديك هذه وكما تلاحظ ان المشكلة لديك في ال border-left لذلك من المنطقي ان نقوم بتعديل هذا الجزء المشكلة هي اننا نريد لهذا الborder ان يبتعد قليلا عن اطار هذا العنصر من الاعلى والاسفل واليسار , لذلك دعنا نضيف هذا الكود الذي يقوم بهذه المهمة padding-top: 10px; padding-bottom: 10px; padding-left: 10px; ليصبح كود ال css النهائي هكذا .parent{ background-color: rgb(232, 232, 232); width: 30%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .child{ border-left: 5px solid purple; padding: 10px; } والنتيجة كالتالي : والان ما ينقصنا هو تغيير نوع الخط , ولتقم بتغييره اتبع الخطوات التالية : قم بالدخول الى google fonts من هنا اختر الخط الذي يناسبك وقم بالضغط عليه ثم اضغط على get font للحصول على المعلومات الللازمة لاضافة هذا الخط لمشروعنا ثم اضغط هنا والان نختار التالي : لنقم بتضمينه داخل ملف ال css قم بنسخ الكود الاول الخاص بالتضمين في بداية ملف ال css اما الكود الثاني ف قم باضافته داخل العنصر child ليقوم بتغيير الخط انا اخترت لك هذا الخط لانني لاحظت انه اكثر خط شبيه للذي تريده ويمكنك اختيار ما تريد من الموقع والان هذا هو الكود النهائي بعد التعديل واضافة الخط <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <style> /* رابط تضمين الخط */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); .parent{ background-color: rgb(232, 232, 232); width: 30%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; /* تنسيقات الخط */ font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: weight; font-style: normal; } .child{ border-left: 5px solid purple; padding: 10px; } </style> <body> <div class="parent"> <div class="child">This Is Important Note</div> </div> </body> </html> وهذه النتيجة النهائية بالتوفيق لك

بالنسبة للعمل ك مطور للواجهات الخلفية للمواقع، من الصعب تحديد الأفضل بين هذه اللغات لأن كل منها له ميزاته وجميعهن يعملون على هذا الجزء لذلك من الافضل اختيار اللغة حسب ميولك واللغة التي ترتاحين بكتابة اكوادها وفهمها اكثر والان دعيني اعطيكي لمحة بسيطة عن كل لغة على حدى ليساعدك ذلك في الاختيار JavaScript : هي لغة برمجة تُستخدم بشكل رئيسي في تطوير تطبيقات الويب. تعتبر لغة جافا سكريبت متعددة الأغراض تستخدم أيضًا في تطوير تطبيقات سطح المكتب وتطبيقات الجوال والواجهات الامامية. المكتبات واطر العمل : React.js و Angular و Vue.js التي تُستخدم لبناء واجهات المستخدم الديناميكية. اما فيما يتعلق بالخوادم، يتم استخدام Node.js كبيئة تشغيل لتنفيذ JavaScript على الخادم. Python : هي لغة برمجة متعددة الاستخدامات تشتهر بسهولة قراءة الكود وتعلمه ويكثر استخدامها في الذكاء الصناعي وتعلم الالة وتتميز بسهولة الاستخدام والتعلم، المكتبات واطر العمل : Django وFlaskوPyramid PHP: هي لغة برمجة تم تصميمها خصيصًا لتطوير مواقع الويب الديناميكية.ومن مميزاتها سهولة التعلم والاستخدام، قوة في مجال تطوير مواقع الويب، وتوافر مجموعة واسعة من المكتبات والإطارات و تستخدم لبناء تطبيقات الويب الديناميكية مثل المنتديات وأنظمة إدارة المحتوى وتطبيقات التجارة الإلكترونية. المكتبات و اطر العمل : Laravel والذي هو الاهم والاوسع استخداما و Slim و Symfony والان بعد ان اعطيتك لمحة عن كل منهم يمكنك مشاهدة بعض الدروس عن كل لغة على حدى لاختيار الافضل بالتوفيق لك تعلم php تعلم python تعلم javascript

على الرغم من أن تحليل البيانات لا يتطلب بالضرورة أن تكون مبرمجًا بالكامل، إلا أن البرمجة تلعب دورًا مهمًا في عملية تحليل البيانات. فمن خلال استخدام لغات البرمجة مثل Python و R، يمكن للمحللين البيانيين تنفيذ العمليات المطلوبة لتحليل البيانات، مثل تنظيف البيانات، وتحليلها إحصائيًا، ورسم البيانات بطرق مختلفة لتوضيح النتائج لذلك يمكنك التحليل ولكن مع الانتباه الى معرفة الاتي من مجال البرمجة : تعلم اساسيات Python : يُفضل أن تكون لديك فهم بسيط لأساسيات لغة Python، مثل الأنواع المختلفة للبيانات (مثل السلاسل والقوائم والقواميس) وكيفية التحكم في التكرار والشروط. استخدام مكتبات Python للتحليل البياني : هناك مكتبات قوية مثل Pandas لتحليل البيانات بشكل هيكلي وMatplotlib لرسم البيانات وNumPy للعمليات الرياضية. يمكنك استخدام هذه المكتبات دون الحاجة إلى فهم كل تفاصيل البرمجة في Python. باختصار، يمكنك البدء في تحليل البيانات باستخدام اساسيات Python واستخدام المكتبات والأدوات المتاحة بشكل مباشر دون الحاجة إلى أن تصبح مبرمجاً بالكامل بالوفيق لك

HTML و XHTML نوعان من لغات برمجة تطوير الويب المستخدمة لإنشاء صفحات الويب. قد يبدو HTML و XHTML متشابهين مع بعضهما البعض ، لكنهما مختلفان تمامًا. دعني اوضح لك اهم الفروقات بينهم : HTML هي لغة ترميز تُستخدم لإنشاء صفحات الويب بينما XHTML هي نسخة أكثر صرامة من HTML تلتزم ببنية XML. تتطلب XHTML تعليمات برمجية جيدة التكوين بها علامات وسمات متداخلة بشكل صحيح ، في حين أن HTML أكثر تسامحًا مع أخطاء بناء الجملة. XHTML أكثر نمطية وقابلية للتوسعة من HTML ، مما يسمح بالتكامل الأسهل مع التقنيات الأخرى المستندة إلى XML. هذه كانت بعض الفروقات الاساسية بين اللغات وهذا الجدول قد يوضح الفروقات بشكل مفصل اكثر اذا في النهاية وخلاصة الامر إذا كنت تبني موقع ويب عادي، فإن HTML هو الخيار الأفضل بسبب شيوعه ودعمه الواسع من قبل المتصفحات والمطورين. إذا كنت بحاجة إلى مرونة في تصميم الصفحات دون الحاجة إلى صارمية في البنية، HTML يمكن أن يوفر لك هذا بشكل جيد. على الجانب الآخر، إذا كنت تبحث عن توسعية أكبر وتحكم دقيق في بنية الوثائق وتجنب الانحرافات، XTML قد يكون خيارًا جيدًا. ومع ذلك، يجب ملاحظة أن استخدام XTML قد يتطلب مهارات إضافية وفهمًا أعمق للـ XML، مما قد يزيد من تعقيد تطوير المواقع الإلكترونية. لذلك يمكنك الاكتفاء بال html حاليا وبالتوفيق لك

الوقت يعتمد على مدى التزامك بالدراسة والتطبيق مثلا بدراسة 6 ساعات يوميا فيمكنك الانتهاء خلال 6 اشهر بمعدل شهرين لكل دورة وهم تطوير واجهات المستخدم علوم الحاسب لغة البرمجة التي ستختارينها ومن ثم خصصي شهرين لمراجعة كل ما تعرفيه وعمل تطبيق عملي خاص بك بعيدا عن المشاريع المشروحة في الدورات يتضمن جميع التقنيات من الثلاث دورات ولذلك للتأكد من مدى فهمك وخبرتك في هذا المجال بالتوفيق لك

بما انك مسجلة بجميع الدورات الخاصة بالاكاديمية دعني اريك المسار الصحيح الذي يجب عليك اتباعه لتحقيق افضل استفادة في البداية ابدئي ب دورة تطوير واجهات المستخدم حيث ستتعلمين بها اساسيات الويب الذي يعمل على اساسها اغلب لغات البرمجة وهي ال html , css ,javaScript حيث ستتعلمين تصميم صفحات الويب بكل احترافية وهذه لمحة بسيطة عن الدورة ثم قوقي بالدخول الى دورة علوم الحاسوب حيث ان هذه الدورة هي الاساس لتحديث وجهة مستقبلك ستتعلمين من خلالها التالي : التفكير المنطقي والخوارزميات ستتعلمين ال سكراتش والذي هو مدخلك لتطوير تفكيرك البرمجي بطريقة بسيطة جدا وممتعة تطبيق تطبيقات بسيطة عملية مبادئ البرمجة اساسيات انظمة التشغيل التعامل مع قواعد البيانات كل ما يتعلق بعالم الويب اساسيات هندسة البرمجيات ك (ادارة و مبادئ ومنهجيات) البرمجة كائنية التوجه وبناءا على كل ما ذكرته لك سابقا اذا فهذه الدورة ستجعل منك مبرمجة بمعلومات قوية جدا مستقبلا عند دخولك الى سوق العمل , اي ان ستقطعين شوطا كبيرا في فهمك للبرمجيات وعالم الانترنت وكيفية عمله وسيصبح من السهل عليكي جدا فهم لغات البرمجة الخلفية التي ستقومين بتعلمها بناءا على المعلومات التي ساعطييك اياه الان اولا في هذه الدورة يوجد مسارات لغتي البرمجة هذه اساسيات لغة جافا سكريبت اساسيات لغة بايثون ستقومين بالاطلاع عليهم ومن ثم الاطلاع على المسار الاول فقط من دورة تطوير تطبيقات الويب باستخدام لغة PHP و دورة تطوير تطبيقات الويب باستخدام لغة Ruby هذه هي اللغات البرمجية الخلفية المنتشرة في سوق العمل لذلك عليك الاطلاعك على طريقة سير كل لغة ما الهدف من تعلمها ما هي الميزات التي تقدمها ما اللغة التي شدت انتباهك اكثر شيء بناءا على هذه التقييمات ستختاريين اللغة التي حصلت على اعلى تقييم ثم تبدئين بدراسة المسار الخاص بها واحترافها واياكي الخلط بتعلم اللغات وبالاخص بالفترة الاولى بالتعلم لانك ستشعرين بضياع جديد لذلك كما اخبرتك تختارين لغة واحدة وتحترفينها لتدخلين سوق العمل بقوة واحترافية وبعد ذلك يمكنك التفرغ في تطوير نفسك بلغات اخرى اظن انك تتسائلين الان عن مصطلحات برمجة الواجهة الخلفية و برمجة الواجهة الامامية وما علاقة دورة تطوير واجهات المستخدم بلغة البرمجة التي ستقومين باختيارها برمجة الواجهة الأمامية (Frontend) : تشير إلى عملية تطوير وبرمجة الجزء الذي يراه المستخدم في تطبيق الويب أو التطبيق الجوال. يتضمن ذلك تصميم الصفحات، وإضافة الأنماط والتفاعلات التي يمكن للمستخدم التفاعل معها وتستخدم لغات (html , css , javascript ) أما برمجة الواجهة الخلفية (Backend) : فهي عملية تطوير الجزء الذي لا يظهر مباشرة للمستخدم ولكنه يدير العمليات والبيانات التي تحدث خلف الكواليس، مثل إدارة قواعد البيانات، والتعامل مع الطلبات من المستخدمين، وتوفير البيانات للواجهة الأمامية. باختصار، الواجهة الأمامية تعني ما يظهر للمستخدم، بينما الواجهة الخلفية تعني العمليات التي تحدث خلف الكواليس لجعل الواجهة الأمامية تعمل بشكل صحيح. والان بعد ان فهمتي الفرق بينهم وما وظيفة كل منهم اظن انك اصبحتي على دراية لماذا يجب عليكي دراسة الامرين معا لكي تصبحي مبرمجة fullstack اي تسطيعين عمل اي برنامج او موقع ويب من الصفر كاملا وبدون الحاجة للاستعانة بأحد اظن ان هذه المعلومات كافية جدا لتنور لك مسارك التعليمي والمهني وان اضمن لك ان قمتي بتطبيق هذه الخطوات بحزافيرها ستصبيحين مبرمجة محترفة جدا وتدخلين سوق العمل بقوة كبيرة والأن دعيني ان اقوم باعطاءك نصيحة صغيرة عن اخيار لغة البرمجة المناسبة من وجهة نظري وبناءا على الاحصائات السنوية ف ان اهم لغات البرمجة هما (python , javaScript ) javaScript : تتميز هذه اللغة بأنه يمكنك العمل عليها بطرفي الموقع الامامي والخلفي كما انها مرة جدا ويمكنك تصميم مواقع الويب وتطبيقات الجوال ايضا عكس اللغات البرمجية الاخرى التي تكون محصورة على مواقع الويب فقط وذلك في سبيل المثال , ويمكنك قراءة المزيد حولها من هنا python : هذه اللغة تستخدم في تطوير تطبيقات الويب ويكثر استخدامها اكثر شي في تطبيقات الذكاء الصناعي , ويمكنك قراءة المزيد حولها من هنا لذلك ان كنت تودين العمل في مجال الويب والتطبيقات ف لغة javaScript هي المثالية اما ان كنتي تريدين التوجه نحو الذكاء الصناعي والالة ف لغة python هي المثالية وبالتوفيق لك