كل الأنشطة

اذا كنت تريد انشاء واحد او اكثر من عداد واحد فيجب استبدال ال id بال class حتى نستطيع التعامل مع جميع العدادات. ووضع وقت العداد الذى يتم اعادته من قاعدة البيانات فى العنصر عن طريق خاصية ال data . الان هذا كود show.blade.php <tbody> @foreach ($homeworks as $homework) <tr> <td>{{ $homework->id }}</td> <td>{{ $homework->title }}</td> <td> <div class="counter wow animate__animated animate__fadeInDown"> <div class="defaultCountdown" data-date="{{$homework->deadline}}"> </div> </div> </td> </tr> @endforeach </tbody> فى الكود السابق قمنا خاصية data-date للعنصر وهى الآن تحتوى على ال deadline الذى يأتى من قاعدة البيانات . والآن هذا هو كود الجافاسكريبت . <script src="assest/JavaScript/jquery-3.1.1.min.js"></script> <script src="assest/bootstrap/js/bootstrap.min.js"></script> <script src="assest/jquery.countdown/js/jquery.plugin.min.js"></script> <script src="assest/jquery.countdown/js/jquery.countdown.min.js"></script> <script src="assest/jquery.countdown/js/jquery.countdown-ar.js"></script> <script> $(function () { $('.defaultCountdown').each(function (i) { const time = new Date($(this).data('date')); $(this).countdown({ until: time, format: 'odHMS' }); }) }); </script> هنا قمنا بعمل حلقة تكرار على العناصر التى تحتوى على السمة defaultCountdown ثم انشاء التاريخ عن طريق استرجاع القيمة من خاصية ال data-date و من ثم إنشاء العداد . والآن سيتم انشاء اى عدد من العدادات على حسب ما يتم استرجاعه من قاعدة البيانات

نعم بالتأكيد تعلمك هذه الدورة استخدام لغة جافا سكربت في تطوير واجهات خلفية لتطبيقات الويب لتصبح مطور واجهات خلفية . حيث تبدأ بتعلم Node.js لبناء وتطوير واجهات خلفية قوية ومتطورة لتطبيقات الويب.كما انه يتم تدرسي إطار العمل إطار العمل Express.js والعديد من التقنيات الأخرى وقبل ذلك كله يتم شرح مفاهيم وأدوات مثل إنشاء خوادم وإدارة قواعد البيانات والتعامل مع طلبات العملاء والاستجابة لها. لذلك ستقوم دورة تطوير التطبيقات باستخدام جافاسكريبت بتعليمك تطوير الواجهات الخلفية تعلم إطار العمل react ومكتبات أخرى تطوير تطبيقات سطح المكتب وتطيبقات الهاتف والعديد من التقنيات الأخرى لذلك يفضل الإطلاع على الصفحة الخاصة بالدورة التعليمية لمعرفة محتوى الدورة وجميع التفاصيل من خلال هذا الرابط

للوصول لتلك النتيجة يجب عليك تعديل كود JavaScript ليقوم بتحديث العداد تلقائيا لكل واجب منزلي وفقا للتاريخ المخزن في الحقل deadline تحتاج إلى إضافة عنصر معرّف فريد لكل عداد تنازلي داخل الحلقة لكل واجب، انتقل إلى ملف show.blade.php وهناك ستستخدم ذلك المعرّف لربط كل عداد تنازلي بتاريخ الانتهاء الخاص به. هذا هو الكود الخاص به: <tbody> @foreach ($homeworks as $homework) <tr> <td>{{ $homework->id }}</td> <td>{{ $homework->title }}</td> <td> <div class="counter wow animate__animated animate__fadeInDown"> <div id="countdown{{ $homework->id }}"></div> </div> </td> </tr> @endforeach </tbody> وذلك غير كاف بعد، لأنه يتوجب عليك تعديل شيفرة الجافا سكريبت ليأخذ التاريخ من كل عنصر div يتم إنشاؤه ويحوله إلى تاريخ يمكن استخدامه بواسطة المكتبة jquery.countdown وبعد التعديل يصبح: <script src="assest/JavaScript/jquery-3.1.1.min.js"></script> <script src="assest/bootstrap/js/bootstrap.min.js"></script> <script src="assest/jquery.countdown/js/jquery.plugin.min.js"></script> <script src="assest/jquery.countdown/js/jquery.countdown.min.js"></script> <script src="assest/jquery.countdown/js/jquery.countdown-ar.js"></script> <script> $(function() { @foreach ($homeworks as $homework) var deadline = new Date('{{ $homework->deadline }}'); $('#countdown{{ $homework->id }}').countdown({ until: deadline, format: 'odHMS' }); @endforeach }); </script> قد تواجهك مشكلة أخرى، لهذا تأكد من أن تنسيق تاريخ ووقت deadline في قاعدة البيانات متوافق مع JavaScript. يجب أن يكون تنسيق الوقت ISO 8601 ليتم تفسيره بشكل صحيح بواسطة الدالة new Date().

هل تمكنني دورة تطوير التطبيقات بلغة جافا يكربت من ان اكون مطور واجهات خلفية ؟

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

لدي عداد تنازلي لموعد انتهاء وقت التسليم كود javascript يحسب تاريخ محدد مسبقا اشتغل Laravel وأريد جلب التاريخ من حقل الداتابيس homework->deadline$ ملف ال show.blade.php <tbody> @foreach ($homeworks as $homework) <tr> <td>{{ $homework->id }}</td> <td>{{ $homework->title }}</td> <td> <div class="counter wow animate__animated animate__fadeInDown"> <div id="defaultCountdown"> </div> </div> </td> </tr> @endforeach </tbody> كود ال javascript <script src="assest/JavaScript/jquery-3.1.1.min.js"></script> <script src="assest/bootstrap/js/bootstrap.min.js"></script> <script src="assest/jquery.countdown/js/jquery.plugin.min.js"></script> <script src="assest/jquery.countdown/js/jquery.countdown.min.js"></script> <script src="assest/jquery.countdown/js/jquery.countdown-ar.js"></script> <script> $(function() { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, austDay.getMonth() - 12, 13); $('#defaultCountdown').countdown({ until: austDay, format: 'odHMS' }); $('#year').text(austDay.getFullYear()); }); </script> ملف ال HomeworkController.php public function show($id) { $material = Material::find($id); $homeworks = Homework::all(); return view('homeworks.show', compact('material', 'homeworks')); } create date <div class="form-group"> <label for="deadline">آخر موعد للتسليم*</label> <input type="datetime-local" id="deadline" name="deadline" value="{{ old('deadline') }}" class="form-control @error('deadline') is-invalid @enderror"> @error('deadline') <span class="invalid-feedback"> <strong>{{ $message }}</strong> </span> @enderror </div> jquery.countdown.min.js jquery.countdown-ar.js jquery.plugin.min.js

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

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

هل يوجد تدريبات في هذه الدورة ام لا؟

هل محتوى دورة علوم الحاسب نفسها cs50 ?

طلعلي الخطا دا upstream image response failed for https://api.wesamelnagah.com/api/public/images/1715322534151.jpg 404

تفقد استخدام المعالج هل هناك مشكلة به أثناء التشغيل؟ فتلك المشكلة غالبًا من استهلاك مرتفع للمعالج. وما هي نسخة Visual studio التي تستعملها؟ هل هي 2022؟ حاول إذن استخدام نسخة 2019. https://visualstudio.microsoft.com/vs/older-downloads/ وإن استمرت المشكلة، يمكنك استخدام Vscode بدلاً من Visual studio فهو أخف ولا يستهلك موارد الحاسوب.

قد تكون المشكلة بسبب مشكلة في التحديثات، لهذا تأكد من أنك تستخدم أحدث إصدار من VSCode، حيث يمكن أن تحل التحديثات مشاكل أداء سابقة وحتى الإضافات قد يكون لها يد في تباطؤ الطباعة، لذا يمكن أن تجرب تعطيل الإضافات غير الضرورية أو فتح البرنامج في وضع تعطيل الإضافات أو "Disabled Extensions Mode" أو "Safe Mode" لتحديد إما إذا كانت هذه هي السبب وفي حالة ما إذا كنت تعمل على ملف كبير جدا، حاول فتح ملف أصغر لمعرفة إذا يتحسن الأداء. ومن أن جهازك لا يعاني من استهلاك مرتفع للموارد بسبب عمليات أخرى قيد التشغيل. يمكنك تعديل إعدادات VSCode أيضا لتحسين الأداء مثل تعطيل الميزات البصرية المتقدمة فقد تكون هي السبب أيضا، عادة لا يوجد حل مباشر لهذه المشكلة لأن السبب غير واضح لهذا حاول تجربة هذه الحلول الواحد تلو الآخر لمعرفة السبب.

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

شكرا لحضرتك حل بسيط وجميل شكرا لك

ما سبب تلك المساحة، هل قمت بعدم تضمين ملف node_modules من خلال ملف .gitignore حيث لا يتم رفعه إلى مستودع GitHub، فبه الحزم المثبتة بالمشروع، لذا عند تحميل شخص آخر لمشروعك يقوم بتحميلها من خلال ملف package.json من خلال أمر npm install

أحاول رفع مشروع Electron إلى github قمت بعمل gitignore ولكن المشروع باقي أكبر من 100mb فقمت بتحميل git lfs وقمت بي الخطوات المذكوره في الصفحه الرسميه المشكله أنه عند عمل push يظهر الخطأ التالي error: Authentication error: Authentication required: You must have push access to verify locks عند حذف git lfs تذهب المشكله لكن المشروع كبير فتبقى المشكله بحثت عن حل لكن لم أجد حل مناسب في قوقل شكرا على المساعده

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

السلام عليكم ، وجرت العديد من الأكواد لاستخراج البيانات من الويب ، لقد خزنت selenium , chromedriver عن طريق pip وطرق أخرى عديدة مع تأكدي من أن الاصدار يوافق المتصفح ، لكن دائما تظهر لي رسالة ( المكتبة غير موجودة ) , جرب ذلك في أكثر من لغة برمجة ( الأمر ليس له علاقة بالكود ) لا أدري أين تكمن المشكلة شكرا لتعاونكم

طيب كيف يعملونها بأي لغة وكيف ابغا اجرب الاذونات وكيف يصنعونها وهل هي الطريقه معقده

وعليكم السلام. لندرس المثال جيدا، انظر عندما تفتح رابطا مختصرا من موقع مثل abdo.com ويتم تحويلك أولا إلى رابط يحتوي على google.com قبل أن يتم توجيهك إلى موقع الهبوط النهائي، فهذا غالبا يكون جزءا من تقنية لجعل الزيارة تظهر كأنها من Google. هذا يمكن أن يتم بطرق مختلفة مثل استخدام إطارات iframe التي تضمن رابط Google في صفحة وسيطة، أو بتغيير قيمة الـ HTTP referrer باستخدام جافا سكريبت لكن أحيانا تستخدم تقنية meta refresh لتحويل الزائر من خلال صفحة تحتوي على الرابط المطلوب بطريقة تغير مصدر الزيارة فهذه الطرق قد تكون فعالة لتحويل مصدر الزيارات لكن يجب استخدامها بحذر لتجنب المشاكل القانونية أو الانتهاكات لسياسات الخصوصية. يمكنك الاطلاع أكثر من خلال هذه المقالة:

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

الخطأ الذي ظهر في الصورة التي قدمتها يعود إلى أن الدالة `range(len(students))` تولد قيم من 0 إلى عدد الطلاب الذي يزيد عن عدد الأوقات المتاحة في قائمة `appointment_times`. بما أن عدد الأوقات هو 4 فقط، ولكنك تحاول الوصول إلى فهرس في القائمة يتجاوز هذا العدد، فإنه ينتج عن ذلك خطأ `IndexError: list index out of range`. هذا الخطأ يحدث عندما يكون عدد الطلاب أكبر من عدد الأوقات المتوفرة في `appointment_times` وتحاول الوصول إلى فهرس غير موجود في قائمة الأوقات. لنحل هذه المشكلة، يجب التأكد من عدم تجاوز الدورة لعدد الأوقات المتاحة، أو كما في المثال التالي الذي يضمن توزيع الطلاب بطريقة تضمن عدم حدوث هذا التجاوز: students = ['جاسم', 'خلف', 'عبدالله', 'زيد', 'ممدوح'] appointment_times = ['9:00', '9:30', '10:00', '10:30'] # طباعة المواعيد لأول ثلاث طلاب for i in range(min(3, len(students))): # يضمن هذا عدم تجاوز القائمة إذا كان عدد الطلاب أقل من 3 print(f"{students[i]} بالساعة {appointment_times[i]}") # توزيع الطلاب الباقين على الموعد الأخير for i in range(3, len(students)): print(f"{students[i]} بالساعة {appointment_times[-1]}") هذا الكود سيضمن توزيع الطلاب الثلاثة الأوائل على المواعيد الثلاثة الأولى، والطلاب الباقين جميعا على الموعد الأخير (10:30)، وهذه الطريقة تعمل حتى لو كان عدد الطلاب أقل من ثلاثة.

توجد عدة خطوات يجب أن تحترمها للوصول لرفع المشروع بالشكل الذي ترغب به الشركة، أول خطوة هي أن تقوم بتحضير السيرفر على لينيكس من خلال تثبيت Python والمتطلبات الأساسية: sudo apt update sudo apt install python3-pip python3-dev libpq-dev postgresql postgresql-contrib nginx curl خاصة بما أنك تعمل على قاعدة بيانات PostgreSQL فالأمر يوضح ذلك. ثاني خطوة هي تثبيت البيئة الافتراضية، يمكنك ذلك من خلال فتح الطرفية وتنفيذ الأمر: sudo pip3 install virtualenv mkdir ~/myproject cd ~/myproject virtualenv myprojectenv source myprojectenv/bin/activate ثم ثم بتثبيت Django و Gunicorn و psycopg2: pip install django gunicorn psycopg2 تهيئة Postgres ضرورية في هذه الحالة: `sudo -u postgres psql` `CREATE DATABASE myproject;` `CREATE USER myuser WITH PASSWORD 'password';` `ALTER ROLE myuser SET client_encoding TO 'utf8';` `ALTER ROLE myuser SET default_transaction_isolation TO 'read committed';` `ALTER ROLE myuser SET timezone TO 'UTC';` `GRANT ALL PRIVILEGES ON DATABASE myproject TO myuser;` `\q` يمكنك متابعة الخطوات والشروحات من خلال هذه المقالة:

ستجد في وصف الدورة التالي: وصول مدى الحياة لمحتويات الدورة تحديثات مستمرة على الدورة تحصل عليها مجانًا بالمستقبل نصائح مخصّصة لك وإرشاد بعد الدورة ضمان استرداد استثمارك خلال 6 أشهر شهادة معتمدة من أكاديمية حسوب لذا تلك من ضمن بنود الدورة التي اشتركت على أساسها، وستجد تفصيل هنا بخصوص ذلك: