لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 02/06/24 in أجوبة
-
اطلب رقم لكي افعل واتساب من اي دوله غير الدوله الذي انا مقيم فيها حاليآ2 نقاط
-
باختصار، نعم هذا ممكن. إليك الشرح التفصيلي لما ستحتاج إليه: قاعدة بيانات: في هذا النوع من التطبيقات، من المفضّل أن تكون قاعدة بيانات علائقيّة تعمل بلغة SQL. إذا كان البرنامج صغيرا ولن يستخدم على نطاق واسع من عدّة مستخدمين في نفس الوقت مثلا، فهنا تكفي SQLite، والتي يأتي دعمها مدمجا في Python. أمّا في حالة ما كان المشروع كبيرا بحيث يعالج كميّة كبيرة من البيانات أو يستخدمه عدد كبير من المستخدمين، ففي هذه الحالة يفترض أن تستخدم قاعدة بيانات متقدّمة مثل MySQL أو PostgreSQL. الواجهة الأماميّة: إذا كان برنامج إدارة المبيعات هذا يظهر كموقع إلكتروني (يعني يظهر من خلال المتصفّح) ففي هذه الحالة يجب أن تكون على معرفة تامّة بلغات HTML و CSS على الأقل، كما يفترض بك أن تتعلّم أيضا واحدة من أطر العمل الخاصة بالواجهات الأماميّة على الويب، وأشهر إطار لهذا هو Bootstrap، لأنه بدون إطار ستكون ملزما بإنشاء صفحاتك من الصفر، وسيكون هذا متعبا جدّا. بالإضافة إلى ذلك، قد تكون محتاجا لمعرفة لغة JavaScript أيضا إذا أردت القيام ببعض المحتوى التفاعلي للمستخدم (الذي أحيانا يكون ضروريّا)، مثل إمكانية إضافة حقول نصّية للإدخال حسب الحاجة. كما قد تحتاج مكتبات JavaScript مثل chart.js لإظهار الرسومات البيانية مثلا. إذا كان البرنامج يعمل كتطبيق حاسوب مثل التطبيقات العادية، فهنا تحتاج إلى تعلّم مكتبة من مكتبات إنشاء الواجهات الرسوميّة، وتوجد العديد من الخيارات مثل Tkinter (مدمجة في بايثون)، Kivy، wxPython، PyQt، وغيرها، لكن أبسطها على الإطلاق (وهي تدعم عددا من المكتبات السابقة) هي PySimpleGUI، لذلك يمكنك تعلّم هذه بسرعة، خلافا للمكتبات السابقة. الواجهة الخلفيّة: إذا اخترت أن تكون الواجهة الأماميّة تظهر من خلال المتصفّح، فهنا قد يكون أحسن خيار هو استخدام إطار عمل Django، فهو مجّاني ومفتوح المصدر، ويدعم قواعد البيانات العلائقيّة التي ذكرتها، ويسهّل لك العمل عليها كثيرا. كما أنّه يحوي واجهة للمدراء بحيث يتمكنون من التعديل على البيانات بكل سهولة بدون الحاجة إلى برمجة واجهة لهم بشكل منفصل. Django يدعم الكثير من المزايا المتقدّمة التي تسهّل التعامل مع البيانات وإنشاء وملء النماذج (forms) والتحقق من صلاحيّة البيانات التي يرسلها المستخدم. كما يختصر عليك كود HTML الذي يجب كتابته عن طريق نظام القوالب (templates) الخاص به. وكذلك يمكن إنشاء واجهة برمجة تطبيقات فوقه عن طريق إطار Django REST API. أما إذا اخترت أن تكون الواجهة الأماميّة كتطبيق عادي، فهنا ستحتاج إلى استخدام قاعدة البيانات مباشرة من البرنامج نفسه. توجد مكتبات قد تساعدك على هذا الأمر تعرف باسم مخططات الكائنات العلائقيّة (Object-relational Mappers (ORMs)) ولعل من أبسطها مكتبة pewee. أعلم أنني قد تكلّمت كثيرا وربّما أكون قد أغرقتك بالمعلومات، أنا آسف، لكني أردت أن أعطيك الصورة كاملة. ومن وجهة نظري، صارت التطبيقات حاليّا أكثر اعتمادا على الويب مما مضى، لذلك، فاستخدام الخيار الثاني (برنامج يعمل كتطبيق حاسوب عادي) قد يكون طريقة قديمة في الوقت الحالي، والطريقة الحديثة هي استخدام تطبيق ويب (يعني يظهر كموقع إلكتروني)، خاصة أن الطريقة الثانية لا تعتمد على نظام تشغيل المستخدم ويسهل نقلها بين الأنظمة والخوادم، خلافا للطريقة الأولى التي يجب أن تعمل على حاسوب المستخدم فقط.2 نقاط
-
اريد عند فتح الصفحه تلقائيا يتم تنفيذ شئ معين مثل داله طباعه او داله انا اكتب المنطق الخاص بها1 نقطة
-
هل أستطيع تطوير برنامج محاسبة (مخازن و مبيعات )عن طريق بيثون1 نقطة
-
السلام عليكم أنا وصلت لمرحلة بمجال الفرونت اند إني أنهيت لغات HTML, CSS, JS وتعلمت BOOTSTRAP وطبقت مشاريع باستخدام لغتي HTML,CSS بدون مكتبات وتصميم متجاوب وعملت مشروع باستخدام BOOTSTRAP ثم عملت مشروع مع لغة JS وآخر ما تعلمته هو REACT JS وعملت بها مشروع مع فريق تطوعي وهي مدونة فيها مقالات لليافعين وقمت بتصميم أكثر من ٣٠ صفحة داخل المدونة مع واجهة تسجيل دخول وتعاملت مع API ومع UI UX والآن أريد تعلم مهارة جديدة وعند البحث رأيت النصائح تقول أن أتعلم TYPESCRIPT ولكنني ضائع قليلاً أريد نصيحة توجيه لو سمحتم وشكراً.1 نقطة
-
السلام عليكم لدي كود تالي لعمل نسخ احتياطي لماذا لا يمكن عمل نسخ احتياطي علي localhost <?php include('header.php'); if($_SESSION['rols_user'] != "مدير النظام"){ exit("<div class='alert alert-danger col-md-6 text-center pan1' role='alert' >you don't have permission</div>"); } function backup(){ $db_name = "sys_std"; $db_user = "root"; $password = ""; $filename='database_backup_'.date('Y-m-d-h-i-s').'.sql'; $result = exec('mysqldump '.$db_name.' --password='.$password.' --user='.$db_user.' --single-transaction >'.dirname(__FILE__).'/'.$filename,$output); if($output==''){ echo '<div class="alert alert-danger text-center col-md-6" role="alert">حذث خطأ في النسخ الأحتياطي</div>'; }else { echo '<div class="alert alert-success text-center col-md-6" role="alert"><h3> تم النسخ الأحتياطي بنجاح'; echo '<p><a href="/'.dirname(__FILE__).'/'.$filename.'" target="_blank">اضغط هنا للتحميل ملف النسخ الأحتياطي</a></p></h3>'; echo '</div>'; } } ?> <!--------------------------------------------------------------------------------> <!------------------------------------header--------------------------------------> <!--------------------------------------------------------------------------------> </div> <div class="row"> <div class="col-md-9 pan1"> <div class="panel" style="color:#000;"> <div class="panel-body text-center" style="font-size:14px; padding-left:40px;padding-right:40px;padding-bottom:25px;padding-top:25px;"> <?php $os_name = php_uname('s'); if($os_name == "Linux"){ echo '<p><a href="?backup=now"><h3 style="margin-top: 35px;"> لنسخة احتياطية اضغط هنا </h3></a></p>'; if(isset($_GET['backup'])){ if($_GET['backup'] == "now"){ backup(); } } }else{ echo ' <div style="margin-top:25px;" class="text-center alert alert-danger" role="alert">لا يعمل النسخ الاحتياطي علي الهوست الافتراضي يجب ان يكون استضافة لينكس حقيقية حتي يمكن من تفعيل السكربت النسخ الاحتياطي</div>'; } ?> </div> </div> </div> </div> <!--------------------------------------------------------------------------------> <!------------------------------------Footer--------------------------------------> <!--------------------------------------------------------------------------------> <?php include('footer.php'); ?>1 نقطة
-
1 نقطة
-
عليك إذن شراء رقم virtual أي إفتراضي من خلال المنصات التالية: Hushed RingCentral Numero eSIM Talkatone TextNow Phone.com blacktel.io/en/verifications/whatsapp talkatone.com SMSreceivefree 2nr تفقد الأسعار في المنصات السابقة وبعضها يقدم رقم مجاني.1 نقطة
-
1 نقطة
-
1 نقطة
-
يمكنك عمل قائمة جانبية مرنة ومتجاوبة مع جميع الشاشات باستخدام ال html و css مع استخدام اطار العمل بوتستراب الذي سيقوم بستهيل العملية اكثر واختصار العناء الطويل من كتابة شيفرات كثيرة بالبداية دعني اعطيك لمحة سريعة عن اطار العمل bootstrap هو اطار عمل مفتوح المصدر يساعد في تصميم صفحات الويب من خلال توفير كلاسات جاهزة للتصميمات المنتشرة ويوفر تجاوب مرن مع مختلف انواع الشاشات هذه كانت لمحة بسيطة يمكنك التعرف عليه اكثر من خلال زيارة الموقع الرسمي ل بوتستراب من هنا او زيارة التوثيق الخاص ب بوتستراب المتوفر لدى اكاديمية حسوب من هنا اذا ل نبدا بالبداية قم بانشاء ملف index.html وقم باستدعاء bootstrap بداخله بهذه الطريقة <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap demo</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> </head> <body> <!--اضف الكود الخاص بك هنا --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> </body> </html> الان دعني اعطيك كود مخصص لعمل قائمة جانبية قم بنسخه ولصقه في صفحة ال index.html <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Toggle right offcanvas</button> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasRightLabel">Offcanvas right</h5> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <!-- اضف الاكوادو الاضافات القادمة هنا --> </div> </div> هذا كود يقوم بانشاء زر وعند الضغط عليه يفتح لك قائمة جانبية يمكنك البحث عن تنسيقات قائمة جانبية اخرى ان لم تعجبك هذه من خلال البحث على كلمة Sidebar في التوثيق الرسمي ل bootstrap الذي ارفقت لك رابطه في بداية الاجابة اصبح لدينا الان قائمة جانبية تفتح وتغلق من خلال الضغط على ال button ولكنها فارغة دعنا ننشئ عناصر القائمة سويا عن طريق اضافة الكود التالي <ul class="list-group list-group-flush"> <li class="list-group-item disabled" aria-disabled="true">A disabled item</li> <li class="list-group-item"> <a href="#" class="text-decoration-none ">A second item </a></li> <li class="list-group-item"><a href="#" class="text-decoration-none ">A third item </a></li> <li class="list-group-item"><a href="#" class="text-decoration-none ">A fourth item </a></li> <li class="list-group-item"><a href="#" class="text-decoration-none ">And a fifth one </a></li> </ul> مكان اشارة المربع هذه "#" يمكنك اضافة رابط او مسار الصفحة الذي تريد لعنصر القائمة ان ينقلك عليها كما انه بامكانك زيادة عدد عناصر القائمة عن طريق تكرار الكود التالي بالعدد الذي تريده <li class="list-group-item"><a href="#" class="text-decoration-none "> item name </a></li> و ل اضافة ايقونات لعناصر القائمة يمكنك اتباع الطريقة التالية اولا نذهب الى موقع bootstrap icons من هنا نختار الايقونات التي تعجبنا ونقوم بالضغط عليها لنحصل على الكود الخاص بها الذي يشبه هذا <i class="bi bi-1-circle-fill"></i> ونقوم بتضمينه بداخل عناصر القائمة كالتالي : <li class="list-group-item"><i class="bi-alarm"></i><a href="#" class="text-decoration-none ">A second item </a></li> ولا تنسى تضمين bootstrap icons داخل ملف index.html في الوسم <head> لتتمكن من مشاهدة النتيجة <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"> اما الان ف دعنا ننشئ ملف style.css لنقوم بتغيير الالوان والتنسيقات كما نريد ولا تنسى تضمينه داخل ملف index.html بداخل الوسم <head> ليتم قراءته كالتالي : <link rel="stylesheet" href="style.css"> والان لتغيير القليل من تنسيقات القائمة يمكنك اختيار ما تفضله من الكود التالي وكتابته داخل ملف ال style.css .offcanvas-body{ /* لتغيير لون خلفية القائمة */ background-color: #007bff; } .list-group-item { /* لتغيير لون خليفة عناصر القائمة */ background-color: #007bff; } .list-group-item a{ /* لتغيير لون النصوص */ color: #fff; } .list-group-item a:hover{ /* لتغيير لون النصوص عندما يتم تحويل المؤشر اليها */ color: #000; } .list-group-item.active{ /* لتغيير لون خلفية العنصر النشط */ background-color: #fff; } .list-group-item.active a{ /* لتغيير لون النصوص عنصر نشط */ color: #000; } .list-group-item.active a:hover{ /* لتغيير لون النصوص عندما يتم تحويل المؤشر اليها */ color: #fff; } اصبحت جميع الاساسيات الان بين يديك واصبح بامكانك تغيير التنسيقات وتصميمها كما تشاء وملاحظة اخيرة ان تنسيق الصفحة الافتراضي يكون من اليسار الى اليمين لذلك اذا اردت تغير محاذات جميع العناصر من اليمين الى اليسار كل ماعليك فعله هو التعديل بهذا الوسم <html lang="en"> داخل ال index.html ليصبح كالتالي <html lang="ar" dir="rtl"> بالتوفيق لك1 نقطة
-
في خريطة Google map لو تلاحظ في عملية الإضافة لما تملي حقول خط الطول والعرض عن طريق النقر على الموقع باستخدام JavaScript, أنه بالرغم أن الحقول فيها قيمة لكن يطلع لي الValidation error أن الحقول فارغة عن طريق ال livewire إيش حل هذي المشكلة؟1 نقطة
-
صنعت برنامج باستخدام بايثون ومكتبة PyQt5 هى اننى صنعت حقل ادخال و زر , صنعت اداء تحصل على القيمة من حقل ادخال وتضيف هذه القيمة الى القائمة المشكلة هى عندما اضغط على الزر ينطفئ البرنامج ارجو على المشكلة from PyQt5 import QtCore, QtGui, QtWidgets import sys app = QtWidgets.QApplication(sys.argv) w = QtWidgets.QWidget() e1 = QtWidgets.QLineEdit(w) e1.move(370,150) b1 = QtWidgets.QPushButton("اضافة", w) b1.move(400,400) x = 0 x += 1 n = [[],[]] #الحصول على القيمة من حقول الادخال def add(): a1 = e1.text() n.insert(x,0,a1) e1.clear() b1.clicked.connect(add) w.show() app.exec_()1 نقطة
-
شكرا لك يا حمزة عباد البرنامج بالتحديد يعمل على حفظ بيانات الطلاب واجراء عليها بعض العمليات كالتعديل ولاحذف اقصد قاعدة بيانات1 نقطة
-
1 نقطة
-
1 نقطة
-
جميع دورات اكادمية حاسوب يوجد بها مجموعه من المشاريع و الاجابه بتحديد علي سؤالك عن دورة الذكاء الاصناعي فانه يوجد مشروع شامل يتم تطبيق فيه علي جميع ما تعلمته كما تري بصوره فان المشروع يحتوي علي هذه القائمه من الدروس درس 26 دقيقة - مدخل : ستكون مقدمه عن المشروع و مسار المشروع وسيتم ايضا شرح فيه كيفية تهيئة بيئة العمل و التعرف على جداول قاعدة البيانات. درس 60 دقيقة - تحليل بيانات المتجر الإلكتروني : ستتعرف على أهمية البيانات في إدارة وتطوير متجرك الإلكتروني. ستفهم كيف يمكن استغلال البيانات لاتخاذ قرارات استراتيجية وتحسين الأداء. درس 60 دقيقة - Association توصيات الشراء بالنسبة للمنتجات المترابطة : ستفهم كيف يمكن للعملاء الاستفادة من توصيات المنتجات المترابطة من خلال توفير منتجات تلبي احتياجاتهم بشكل أفضل أو توفير تجارب تسوق محسنة. درس 75 دقيقة - Classification: يتعلق هذا الدرس بتقنيات التصنيف في التعلم الآلي، حيث يتم تعليم النظام كيفية التمييز بين مختلف الفئات أو الأنواع من البيانات. الاستفادة هي تطوير نماذج قادرة على تصنيف البيانات بشكل أوتوماتيكي. درس 53 دقيقة - Time Series: يتمحور هذا الدرس حول سلاسل الوقت وكيفية تحليل البيانات المتسلسلة زمنيًا. الاستفادة هي فهم الأنماط الزمنية والتنبؤ بالتوجهات المستقبلية. درس 75 دقيقة - تطوير Api لدمج الذكاء الاصطناعي مع المتجر : هذا الدرس ستفهم أهمية تطوير واستخدام واجهات البرمجة (Api) لربط التطبيقات والخدمات بالذكاء الاصطناعي اما اذا كان لديك اي اسؤال اخر فلا تتردد في التواصل مع الدعم : https://support.academy.hsoub.com1 نقطة
-
في كل الدورات التي تقدّمها أكاديمية حسوب توجد تمارين ومشاريع للقيام بها ويجب على الطالب القيام بها والاحتفاظ بها ورفعها على GitHub فيما بعد. وعند الوصول إلى نهاية الدورة، يجب على الطالب أن يتقدّم للامتحان النهائي عن طريق التواصل مع الإدارة، حيث سيتم التحقق من فهم الطالب للمكتسبات خلال الدورة ويتم بعد ذلك طرح مشروع للتخرّج منها يختاره المدرّب. للمزيد من المعلومات، يرجى الاطلاع على مركز المساعدة حيث توجد هذه التفاصيل، كما يمكنك من خلاله التواصل مع الإدارة: https://support.academy.hsoub.com/exams1 نقطة
-
ببساطة، الـ Virtual DOM (الشجرة الظاهرية للعناصر) هو جزء أساسي من كيفية تحديث وعرض الواجهات في React. أي عند تحميل واجهة المستخدم لأول مرة، تقوم React بإنشاء نسخة Virtual DOM من DOM الحقيقي. وبالتالي هو مفهوم برمجي نحتفظ فيه بالتمثيل المثالي أو الافتراضي لواجهة المستخدم ضمن الذاكرة مع مزامنته مع DOM الحقيقي عن طريق مكتبة مثل React DOM، وتُدعى تلك العمليّة بالمطابقة (reconciliation). وتتكون العناصر من مكونات React التي قد تكون قطعًا صغيرة من الواجهة مثل الزر، النص، أو حتى مكونات أكبر مثل قائمة أو نموذج. ولفهم مفهوم الـ Virtual DOM بشكل بسيط وسهل، تحدث العملية بالمراحل التالية: تمثيل الواجهة (UI) في React عن طريق مكونات (Components)، والتي تتألف من عناصر DOM. عندما يحدث تغيير في البيانات أو الحالة (state) في التطبيق، يقوم React بتحديث الـ Virtual DOM بدلاً من تحديث العناصر الفعلية في DOM. بعد التحديث، يقوم React بمقارنة الـ Virtual DOM الجديد مع الـ Virtual DOM السابق. يتم اكتشاف الفروق (التغييرات) بين الـ Virtual DOM الجديد والقديم باستخدام خوارزمية فعالة. وبالتالي اعتمادًا على الفروق التي تم اكتشافها، يتم تحديث الـ Virtual DOM بشكل انعكاسي، حيث يتم تحديث فقط العناصر التي تغيرت فعليًا. يتم تحديث العناصر في DOM الفعلي بناءًا على التغييرات التي تمثلها الـ Virtual DOM. وبالتالي تخيل أنك تريد تغيير لون قطعة واحدة على اللوحة، مع الـ Virtual DOM، يمكنك ببساطة تغيير لونها على النسخة الورقية، ثم تحديث اللوحة الحقيقية فقط في تلك المنطقة، وذلك أسرع بكثير من إعادة رسم اللوحة بأكملها. بنفس المنطق، تخيل أنك تريد إضافة قطعة جديدة إلى اللوحة، ومع الـ Virtual DOM، تستطيع ببساطة إضافة موقعها ولونها على النسخة الورقية، ثم تحديث اللوحة الحقيقية فقط في تلك المنطقة، مما يوفر عليك الوقت والطاقة. https://wiki.hsoub.com/React/faq_internals1 نقطة
-
يمكنك إنشاء قائمة جانبية باستخدام كود برمجة HTML CSS بسيط عليك فقط اتباع الخطوات خطوه بخطوه اولا عليك انشاء ملف html وليكون index.html ثما قم باخذ هذه الكود الخاص باللغة html والصقه داخل ملف html <html lang="en"> <head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style> </head> <body> <div class="wrapper"> <!--القائمة العلوية --> <div class="sidebar"> <!--صورة الملف الشخصي والنص--> <!--عنصر القائمة--> </div> </div> <script> </script> </body> </html> بعد ذلك قم باشاء ملف خاص باللغة css بهذه الطريقه style.css، ثم قم بإضافة بعض رموز CSS الأساسية التي تصمم في الأساس الخلفية وتعطي الشريط الجانبي شكلاً. في هذه الحالة، استخدمت اللون الأزرق في الخلفية. يمكنك تغيير هذا اللون إذا كنت ترغب في ذلك. انسخ هذه الرمز بداخل الملف @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); *{ list-style: none; text-decoration: none; margin: 0; padding: 0; box-sizing: border-box; font-family: 'Open Sans', sans-serif; } body{ background: #f5f6fa; } .wrapper .sidebar{ background: rgb(5, 68, 104); position: fixed; top: 0; left: 0; width: 225px; height: 100%; padding: 20px 0; transition: all 0.5s ease; } وبهذه نكون وصلنا الي هذه الشكل البسيط الصوره رقم 1 ثالث خطوه أضف صور الملف الشخصي والعناوين كما ترا في العرض أعلاه، أولاً قم باستخدام صورة الملف الشخصي، وعنوانًا ووصفًا بسيطًا. لقد استخدمت الرمز التالي من لغات البرمجة HTML و CSS لعمل ذلك. في هذه الحالة، يمكنك تغيير صورة الملف الشخصي حسب تفضيلاتك وزيادة أو تقليل حجم الصورة إذا كنت ترغب في ذلك. في هذه الحالة، استخدمت ارتفاع 100 بكسل وعرض 100 بكسل. هنا، استخدمت border-radius بنسبة 50% في صورة الملف الشخصي مما يجعل الصورة تبدو مستديرة تمامًا. يمكنك تغيير هذه النسبة إذا كنت ترغب في الاحتفاظ بشكل مربع أو بحجم آخر. <div class="profile"> <img src="https://1.bp.blogspot.com/-vhmWFWO2r8U/YLjr2A57toI/AAAAAAAACO4/0GBonlEZPmAiQW4uvkCTm5LvlJVd_-l_wCNcBGAsYHQ/s16000/team-1-2.jpg" alt="profile_picture"> <h3>Anamika Roy</h3> <p>Designer</p> </div> ثما قم بوضع التصميم الخاص بهذ الرمز .wrapper .sidebar .profile{ margin-bottom: 30px; text-align: center; } .wrapper .sidebar .profile img{ display: block; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; } .wrapper .sidebar .profile h3{ color: #ffffff; margin: 10px 0 5px; } .wrapper .sidebar .profile p{ color: rgb(206, 240, 253); font-size: 14px; } ستظهر معك بشكل الثاني موضح بصوره الثانيه . الخطوه الرابعه إضافة عناصر القائمة في الشريط الجانبي في هذه الحالة، قمت باستخدام ثمانية عناصر في القائمة. لقد استخدمت رمزًا مع كل عنصر في القائمة لجعل العناصر أكثر جمالًا وجاذبية. يمكنك تغيير تلك الرموز والعناصر في القائمة كما تشاء. <ul> <li> <a href="#" class="active"> <span class="icon"><i class="fas fa-home"></i></span> <span class="item">Home</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-desktop"></i></span> <span class="item">My Dashboard</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-user-friends"></i></span> <span class="item">People</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-tachometer-alt"></i></span> <span class="item">Perfomance</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-database"></i></span> <span class="item">Development</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-chart-line"></i></span> <span class="item">Reports</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-user-shield"></i></span> <span class="item">Admin</span> </a> </li> <li> <a href="#"> <span class="icon"><i class="fas fa-cog"></i></span> <span class="item">Settings</span> </a> </li> </ul> </div> الرمز التالي هي شيفرات برمجة CSS التي تم استخدامها أصلاً لتصميم وإضافة الألوان لعناصر القائمة المذكورة أعلاه. في هذه الحالة، لقد استخدمت اللون الأبيض بين الرموز والنص مما يعطي مظهرًا أكثر إثارة على خلفية زرقاء. يمكنك أن ترى أدناه أنني أضفت تأثير (hover). عندما يكون الماوس فوق القائمة، ستتغير الخلفية بللون اخر كما في الصوره الثالثه .wrapper .sidebar ul li a{ display: block; padding: 13px 30px; border-bottom: 1px solid #10558d; color: rgb(241, 237, 237); font-size: 16px; position: relative; } .wrapper .sidebar ul li a .icon{ color: #dee4ec; width: 30px; display: inline-block; } .wrapper .sidebar ul li a:hover, .wrapper .sidebar ul li a.active{ color: #0c7db1; background:white; border-right: 2px solid rgb(5, 68, 104); } .wrapper .sidebar ul li a:hover .icon, .wrapper .sidebar ul li a.active .icon{ color: #0c7db1; } .wrapper .sidebar ul li a:hover:before, .wrapper .sidebar ul li a.active:before{ display: block; }1 نقطة
-
لا مشكلة في ذلك، فبايثون لغة مرنة وشائعة الاستخدام، وتستطيع من خلالها تطوير أي شيء تقريبًا. كبداية ستحتاج إلى مكتبات مثل pandas لإدارة وتحليل البيانات بجانب مكتبة NumPy للعمليات الحسابية على المصفوفات، وتطبيق Django أو Flask كإطار عمل لتطوير واجهة المستخدم والتفاعل مع قاعدة البيانات، أيضاً استخدام مكتبات مثل Matplotlib لرسم الرسوم البيانية إذا كنت بحاجة إلى تصور بيانات المبيعات والمخازن. وبالطبع تستطيع استخدام SQLite لإدارة قواعد البيانات أو قاعدة بيانات أخرى مثل PostgreSQL أو MySQL1 نقطة
-
نعم، يمكنك تطوير برنامج محاسبة لإدارة المخازن والمبيعات باستخدام لغة البرمجة Python ، Python تُستخدم على نطاق واسع في تطوير البرمجيات بفضل سهولة تعلمها وقوتها كلغة برمجة.1 نقطة
-
1 نقطة
-
يمكنك أيضاً بناء تطبيقات ios ولكن ليست native وهي التطبيقات الهجينة من خلال إطار عمل متعدد المنصات مثل Flutter أو React Native وبناء تطبيق IOS بالإضافة لعدة منصات أخرى مثل الويب و الأندرويد و الويندوز.. من خلال مشروع برمجي واحد. وبالنسبة ل تكون رواتب مرتفعة نسبياً والمنافسة تكون أقل . العمل على تطبيقات ذات جودة عالمية حيث توفر apple دعم كبير للمطورين. ولكن لا يمكن القول أن هناك مجال أفضل من مجال آخر لذلك قم بالتخصص في الجال الذي تفضله1 نقطة
-
يوجد التالي: https://www.w3schools.com/js/exercise_js.asp?filename=exercise_js_variables1 https://www.jschallenger.com/ https://nouvil.net/javascript-quiz-ar/ أيضًا موقع Codewars فالأسئلة هناك أبسط من موقع leetcode، وتستطيع البحث على اليوتيوب عن "حل أسئلة Codewars جافاسكريبت"، أيضًا يوجد موقع coderhub.sa. وستجد تفصيل أكثر هنا: ومن الأفضل في البداية البحث عن مشاريع جافاسكريبت للمبتدئين على اليوتيوب ثم تنفيذها، ثم تستطيع بعد ذلك حل المشاكل البرمجية على تلك المواقع.1 نقطة