عمر قره محمد

في حال كنت تعيد مشاهدة الدورة بعد انقطاع فقد يكون هنالك تحديث قد حصل في الدورة. ويمكنك الوصول إلى الشرح القديم من قسم (أرشيف المسارات الاقدم). وإلا فقم بمشاركة معلومات اكثر عن المشكلة التي تواجهها.

سنكون سعيدين بمساعدك على تعلم البرمجة وتطوير مهاراتهم التقنية او اصلاح الكود الخاص بك في حال قمت بمشاركته، ولكن وفي حال كنت تبحثين عن مبرمجين لإضافة خاصيات لموقعك فيمكنك البحث في موقع مستقل من هنا. بعد قول هذا فيمكنك اضافة فيديو تلقائي في الموقع باستخدام الكود التالي : <video autoplay muted playsinline> <source src="video.mp4" type="video/mp4" /> </video> حيث تستبدل الـ video.mp4 بمسار الفيديو الخاص بك. ويمكنك التعديل على الفيديو باستخدام الـ css لتضعه في المكان الذي تريده.

هل تقصد الاقتراحات ؟ وماهي اللغة التي تعمل بها ؟

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

جرب كتابة الأمر التالي : git remote set-url origin git@github.com:USERNAME/REPOSITORY.git حيث تكتب اسم المستخدم الخاص بك بدلاً من الـ USERNAME و اسم المستودع الخاص بك بدلاً من الـ REPOSITORY. ثم حاول مرة اخرى. في حال لم يعمل قم باطلاعنا على تفاصيل اكثر عن مشكلتك.

نعم سيتم مساعدك في ذلك بالفعل، وإذا كان لديك مشكلة ما مع GitHub فيمكنك السؤال دائماً.

يمكنك الترقية من خلال الملف composer.json ومن ثم تنفيذ التعليمات التالية : composer install ثم composer dump-autoload ثم composer update وقد تجد الكثير من التعديلات و الكثير من الوظائف الملغات deprecated بعد عملية الترقية. قد يفيدك الدليل الرسمي من Laravel للترقية من هنا ولقد تم الاجابة على سؤالك سابقاً :

ونعم يقدمون شرح كافي أو اكثر من كافي بالنسبة لواجهات المستخدم front-end، ويمكنك العمل بعدها بالفعل وهنالك الكثير من الشركات التي تطلب مبرمجين front-end بشكل دوري، أما بالنسبة للعمل الحر فلست واثقاً من ان الـ front-end هو الاكثر طلباً فغالبية الطلبات في العمل الحر تكون لإنشاء موقع الكتروني متكامل full-stack والذي يشمل الواجهات الامامية والخلفية. ويمكنك الاطلاع على الفيديو التالي للتعرف أكثر عن الدورة : وقد يفيدك الاطلاع على النقاش التالي : وقد يفيدك النقاشات التالية كذلك :

هل يمكنك ايضاح سؤالك بشكل افضل، واعطاء المزيد من التفاصيل عن مشكلتك.

يمكنك اظهار الملفات المخفية كالتالي في windows 11 والطريقة هي نفسها تقريباً في windows 10 : ثم :

عدل الكود للشكل التالي : const handlePrevClick = () => { const box = carrouselRef.current; let width = box.clientWidth; box.scrollLeft = box.scrollLeft - width; }; const handleNextClick = () => { const box = carrouselRef.current; let width = box.clientWidth; box.scrollLeft = box.scrollLeft + width; }; بحيث تعرف الـ box داخل كل وظيفة بدلاً م ان تعرفه خارج الوظائف. وسبب المشكلة انك تعرف الـ box والذي هو عبارة عن useRef قبل ان تقوم بإسناد الـ useRef للعنصر الذي تريد التحكم به وفي هذه الحالة تكون قيمته undefined وهو يعمل عند اضافة الـ console.log بسبب خواص react والتي تسمح للتطبيع بالتحديث بدون اعادة تحميل الصفحة بالكامل. بينما في الشكل الثاني تقوم بتعرفي الـ box بعد ان تم اسناد الـ useRef.

يبدو ان هنالك عنصر ما ناقص في مشكلتك، جرب الكود التالي : const handlePrevClick = () => { let width = box.clientWidth box.scrollLeft = box.scrollLeft - width // console.log(box.clientWidth); } const handleNextClick = () => { let width = box.clientWidth box.scrollLeft = box.scrollLeft + width //console.log(box.clientWidth); } في حال لم يعم قم بمشاركة ملفات المشروع حتى استطيع تجريبه.

بحسب التوثيق الرسمي يمكنك الوصول إلى العنصر كالتالي : comboBox1.Items[i].ToString() حيث ان الـ i هو الـ index الخاص بالعنصر، والـ comboBox1 هو الـ comboBox الخاص بك. يمكنك الاطلاع على التوثيق الرسمي من هنا

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

ربما يمكنك احضارهم بالشكل التالي : SELECT * FROM writers ORDER BY posts LIMIT 5 حيث انني في الكود السابق افترض ان الـ writers هو اسم الجدول الخاص بالكتاب و posts هو اسم الحقل الخاص بعدد المنشورات في الجدول.

يمكنك تعديل الكود للشكل التالي : <form> <label for="number">Enter 7-digit number:</label> <input type="text" id="number" name="number" maxlength="7" /> <!-- عدل استدعاء الوظيفة من هنا --> <button type="submit" id="submit" onclick="redirect(event)">Submit</button> </form> <script> // قم بإضافات البراميتر function redirect(e) { // قم بإضافة الكود التالي e.preventDefault(); var number = document.getElementById("number").value; var url = ""; switch (number) { case "1111111": url = "https://google.com/"; break; case "2222222": url = "https://youtube.com/"; break; case "3333333": url = "https://twitter.com/"; break; case "4444444": url = "https://facebook.com/"; break; case "5555555": url = "https://rraass852.com/"; break; case "6666666": url = "https://meta.com/"; break; case "7777777": url = "https://tesla.com/"; break; default: var error = document.createElement("div"); error.style.cssText = "font-size:1.2em; padding:20px; background-color:red; color:white; text-align:center;"; error.innerHTML = "Invalid number, please enter a valid number"; document.body.appendChild(error); setTimeout(function () { document.body.removeChild(error); }, 3000); return; } window.location.href = url; } </script>

الفيديو التالي يشرح الامر : ستحتاج ان تملك ملف public يقوم بتقديم الملفات الثابتة ويمكنك اعداده كالتالي : app.use(express.static(path.join(__dirname, 'public'))); ثم ستقوم بعمل build لتطبيق الـ react ثم تضعه الملفات الناتجة في ملف الـ public الخاص بسيرفر الـ node. بحيث يكون ملف الـ index.js النتاج موجود داخل المجلد public مباشرةً. ملاحظة : Heroku لم يعد مجانياً بعد الآن

وعليكم السلام ورحمة الله، شارك رابط المستودع الخاص بك ورابط الموقع.

هنالك الكثير من الطرق لرفع الموقع بشكل مجاني. ومنها رفع الموقع على GitHub pages ويمكنك تعلم ذلك من هنا : وإذا كان الوقع الخاص بك مبني باستخدام react : وهنالك طريقة ثانية وهي رفع الموقع على استضافة مجانية مثل 000webhost وكل ما عليك فعله في هذه الحالة هو التسجيل في الموقع وانشاء استضافة مجانية. وبعدها تقوم برفع الموقع الخاص بك في المجلد public الموجود لوحة التحكم. وكذلك يمكنك رفع الموقع على Netlify :

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

لقد عمل الكود لدي، لاحظ : عدله للشكل : <div class="container" style="min-height: 100vh;">

هل جربت أن تعطي الخاصية : min-height: 100vh; للعنصر صاحب الكلاس container

قم بإعطاء الخاصية نفسها : min-height: 100vh; للعنصر صاحب الكلاس container . ويمكنك تعديل الارتفاع من 100 إلى المقاس الذي يناسبك او يمكنك اضافة الكلاس التالي للـ footer : fixed-bottom

على ما يبدو أن المشكلة ليست في ال footer هل يمكنك مشاركة كامل ملفات المشروع،

قم بإعطاء العنصر body الخاصية التالية : body{min-height 100vh} وهذا كفيل بأن يحل المشكلة.