Hassan Hedr

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

يمكن حل المشكلة بإضافة الخاصية dir بالقيمة auto إلى العنصر الحاول على الرسالة بعد جلبها من قاعدة البيانات، مثلًا لو كانت الرسالة تُعرض ضمن عنصر p نضيف الخاصية كالتالي: <p dir="auto"> ^^^^^^^^^^ <!-- الرسالة --> </p>

حاول التطبيق بنفسك بما أنك انتهيت من حضورها، ويمكنك مراجعة درس متعلق بفكرة ما إذا أردت مراجعتها، الأمر يعود لك وللطريقةالتي تراها تحقق أكبر فائدة لك من ناحية تطور مهاراتك

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

المشكلة في تحويل الرد القادم من الخادم وقراءته بصيغة JSON ضمن الاستدعاء التالي: .then(response => response.json()) حاول قراءة الخطأ الذي يرسله الخادم لمعرفة سبب المشكلة، يمكنك ذلك بالتحقق من رمز الحالة للرد الوارد قبل تحويل الرد إلى json، ثم قراءة جسم الطلب وعرضه في حال أردت ذلك أو معالجة الخطأ وعرض رسالة توضيحية للمستخدم إذا كان الخطأ معلومًا كالتالي: .then(async response => { if(!response.ok){ // فحص ومعالجة الخطأ console.error(await response.text()); // .. } return response; }) .then(response => response.json())

هل اختبرت الخيار force مع تحديد أسماء الأفرع المحلي والبعيد كالتالي: git push origin master:main --force

يبدو أنك تدفع التغييرات إلى الفرع master، بينما الفرع الافتراضي الذي يظهر على Github هو main، يمكنك مشاهدة الفرع master من مستودعك ولاحظ كيف أن الملفات موجودة، يمكنك لتجنب هذه المشكلة الدفع إلى الفرع main دومًا بتنفيذ الأمر كالتالي: git push origin master:main

نعم بالتأكيد المدربون موجودون دومًا لإرشادك ومساعدتك، لكن حاول دومًا البحث عن المشكلة بنفسك أولًا ولو أخذت منك وقتًا، فالمهم تطوير مهارة البحث وحل المشكلات أكثر من تعلم طريقة التطوير

تأكد من إضافة الملفات الجديد التي أنشأتها أولًا بتنفيذ الأمر التالي: git add . git commit -m 'رسالة الإضافة' بعدها يمكن دفع التغييرات إلى المستودع البعيد على Github كالتالي: git push origin master بذلك ستلاحظ وجود الملفات الجديدة ضمن المستودع، حيث أن git لا يرفع سوى الملفات التي تم تأكيدها commit

يجب التأكد من حفظ الملف بعد تطبيق أي تعديلات عليه، إضافة إلى تحديث الصفحة حتى تعايني الصفحة الجديدة وليس القديمة، لتوضيح ذلك أكثر ضمن عملية تطوير يمكن إضافة محتوى ما ضمن الصفحة مثلا كالتالي: <h1>مرحبًا</h1> وعند حدوث مثل هذه المشكلة وللتأكد من أننا نعاين الصفحة بمحتواها الحالي الجديد نُغير المحتوى ونعاين الصفحة مثلًا كالتالي: <h1>2 مرحبًا</h1> في حال لا زال يظهر المحتوى القديم هذا يدل إما على عدم تحديث الصفحة أو عدم حفظ الملف وبالتالي نحدد المشكلة

يمكن وضع الصورة بوسم img منفصل وتحديد حجمها وتموضعها بالشكل المناسب، ثم التحكم بشفافيتها بشكل منفصل، لأن CSS لا يوفر خاصية شفافية للخلفية فقط بل سيؤثر ذلك على العنصر كاملًا مع أبناءه، لتكون الشيفرة كالتالي: <div class="landing"> <img src="../images/dd.jpg" > ... </div> والتنسيق لها كالتالي: .landing { position: relative; } .landing img { opacity: 0.6; position: absolute; left: 0; top: 0; width: 100%; height: auto; }

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

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

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

يمكنك استخدام كائن مكتبة momment لمعرفة ما إذا كان التاريخ في المستقبل باستخدام التابع isAfter، والذي يُمرر إليه عادة تاريخ أخر للمقارنة بينهما، لكن إذا لم نمرر أي معاملات له سيقارن التاريخ ما إذا كان في المستقبل كالتالي: const inFuture = momment(datetime).isAfter() // يساوي const inFuture = momment(datetime).isAfter(momment()) // ^^^^^^^^^ // الآن

يمكن إنشاء كائنين من نوع Date لكل من التاريخين لديك، ثم حساب فرق التوقيت بينهما رياضيًا، والذي يكون بوحدة الميلي ثانية بتقسيم هذا الفرق على عدد الميلي ثانية في اليوم الواحد لتكون الشيفرة كالتالي: const date1 = "1/1/2022"; const date2 = "1/1/2023"; const numberOfDays = (new Date(date2) - new Date(date1)) / 86_400_000; // ^^^^^^^^^^ // ميلي ثانية في اليوم إذا كانت القيم معلومة تأكد من طرح التاريخ الأكبر من التاريخ الأصغر للحصول على نتيجة موجبة، أو يمكنك حساب القيمة المطلقة للنتيجة في حال لم تكن المدخلات معلومة دومًا ليكون الحساب كالتالي: const numberOfDays = Math.abs(new Date(date2) - new Date(date1)) / 86_400_000; يمكنك التعرف على الكائن Date في جافاسكربت أكثر من المقال التالي:

ملفات المشروع النهائية الناتجة عن عملية البناء موجودة ضمن المجلد build الذي تم إنشاءه، محتويات هذا الملف هي ما يمكنك رفعها على استضافة لكي تعمل، ولا يمكنك تشغيلها محليًا مباشرةً، لاختبار ذلك دون استضافة محليًا يجب الوصول لتلك الملفات عن طريق خادم محلي، لذلك يمكنك الاستفادة من مكتبة serve بتثبيتها أولًا كالتالي: npm install -g serve ثم تنفيذ الأمر التالي ضمن المجلد الجذر للمشروع لديك لتخديم الملفات عن طريق خادم محلي: serve -s build سيظهر ضمن نتيجة التنفيذ رابط للوصول إلى تلك الملفات عن طريق هذا الخادم يمكنك الوصول إليه من المتصفح لمعاينة المشروع من ملفات البناء النهائية

يوجد تابع عام مخصص لذلك بالاسم isNaN يعيد قيمة منطقية تدل فيما إذا كانت القيمة المُمررة NaN أم لا كالتالي: isNaN(+"hi") // true أو يمكنك استخدام تابع مشابه له متوفر ضمن الصنف Number بنفس الاسم كالتالي: Number.isNaN(+"hi") // true

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

المصفوفات ليست من أنواع البيانات Data Types الأساسية في جافاسكربت، بل تعتبر من نوع كائن Object كغيرها من الأصناف، لذا للتحقق من أن قيمة ما هي من نوع مصفوفة يمكن استخدام الكلمة المحجوزة instanceof والتحقق ما إذا كانت القيمة نسخة من نوع Array كالتالي: [] instanceof Array // true 5 instanceof Array // false {} instanceof Array // false "Emad" instanceof Array // false أو لجعل الشيفرة أكثر وضوحًا يمكن الاستعانة بالتابع الثابت static ضمن الصنف Array نفسه بالاسم isArray، حيث يعيد قيمة منطقية تدل فيما إذا كانت القيمة الممررة له هي مصفوفة كالتالي: Array.isArray([]) // true Array.isArray(5) // false Array.isArray({}) // false Array.isArray("Emad") // false

هل يمكنك إرفاق صورة لقسم التعليقات في الأسفل، في نهاية التعليقات ستجدين مربع إدخال للتعليق الجديد، في حال كان غير مفعل أو لا يظهر يرجى إرفاق صورة توضح ماذا يظهر لك

في حال كانت عملية التبديل متعلقة بقيمة العنصر، فيجب المرور على كل عناصر المصفوفة لفحصها وتبديل القيم المطلوبة بالقيم الجديدة، بدلًا من المرور على العناصر باستخدام الحلقات مثل for و foreach يمكن االاستفادة من التابع map الذي توفره المصفوفات، حيث تمرر له تابعًا سيستدعى لكل عنصر من عناصر المصفوفة وستحسب داخلة القيمة الجديدة لذلك العنصر، مثلًا في حال أردت تبديل القيم 102 بالقيمة 555 تكون الشيفرة كالتالي: myArr.map(function (item){ if(item === 102) return 555; // تبديل بقيمة مختلفة return item; // إرجاع القيمة نفسها })

ما الدورة المشتركة بها، وما المسار والدرس الذي تحاولين التعليق أسفله

التعليقات أسفل الفيديو يمكنك طرح أسئلتك بها

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