Adnane Kadri

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

من المثير للاهتمام حسب hacker Rank وفق احصائيات Analytics insights أن 27.5 بالمئة من المطورين هم متعلمون ذاتيا. و 37.7 قد تلقوا دروسا وشهادات بشكل أونلاين خولتهم لدخول مجال العمل. أيضا بحسب الدراسة الاستقصائية ل stackoverflow لسنة 2022 فإن نسبة 71 بالمئة من المطورون قد أشاروا الى أنهم تلقوا دروسا أونلاين. هذا العدد الهائل من الأشخاص يعبر عن طبيعة المجال التي تعتمد بشكل اكبر على الجهد الذاتي من التعليم او طبيعة المصدر الذي تأخذ منه المعلومة، رغم أنه من المهم اختيار المصدر المناسب. نفس الشيء بالنسبة للعمل، فأغلب المطورين يعملون ضمن بيئات عمل تركز على انتاجية الفرد وعطاءه ومدى جودة البرمجيات التي ينشأها. ولا تركز على ما ان كان الشخص متخرجا من هارفرد أو لا. لا يعني هذا بالطبع أن الشهادات لا تعني شيئا، وإنما هي قد تسهل عليك الوصول الى صاحب العمل او تعطي نظرة اسبقية عنك لفريق التوظيف. بالنسبة لشهادة حسوب، فهي الأخرى من بين أهم الشهادات في المجال في العالم العربي ككل كونها رائد المجال فيه. ركز على تطوير مهاراتك وأتقن عملك وستكون الشهادة تسهيلا لك ليس إلا.

اضافة الى فكرة المدرب أحمد يمكنك تقييد عملية تزويد عدد المشاهدات بشرط أن يكون ذلك ضمن جلسة واحدة. بمعنى: ان قام المستخدم A بالدخول الى الصفحة B فإن عدد المشاهدات سيكون 1 ان قام المستخدم A بتحديث الصفحة B فان عدد المشاهدات سيكون 2 وان قام المستخدم A بزيارة صفحة أخرى في ذات الموقع فإن عدد المشاهدات سيتم تزويده هو الآخر، في حين أن العدد الفعلي هو زائر واحد. فالزيارات تحسب في الغالب ضمن الجلسة الواحدة. يمكنك مثلا انشاء متغير جلسة باسم isNew تخزن قيمة بعد أول زيارة للموقع. if(!isset($_SESSION['isNew'])){ $_SESSION['isNew'] = 'yes'; $visitors ++; } يتم تدمير الجلسة بعد انتهاءها.

أي ملف يجب ان تختص به هاته القواعد. ان كنت تريد تعميم هاته القواعد على كامل صفحات التطبيق فسيكون وضعها في ملف layout مناسبا جدا. ملف app.blade.php مثلا.

يرجى التواصل مع الدعم لتوضيح كل النقاط بتفصيل.

بالضبط تماما،

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

يمكنك تقييد تصريح لقواعد CSS بشرط أن تكون اللغة الحالية هي العربية. يوجد متغير القالب if@ لهذا الغرض. @if ( Config::get('app.locale') == 'ar') <style> /* اي قواعد تخصيص تختص بالعربية */ </style> @endif

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

أظن أن ذلك في الحقيقة ميزة أليس كذلك؟ ففي أغلب كورسات الجافاسكربت يتم طرح كل مفهوم على حدة وهو الأمر الذي يزيد الطالب تشتتا ويقلل من اكتسابه في الدورة. فقد نجد مثلا درسا مستقلا تماما يختص بالتابع slice ثم آخر يختص بالتابع substring. في حين أن دروس أساسيات جافاسكربت في دورة تطوير التطبيقات باستخدام جافاسكربت يتم تجميعها بحسب المفهوم والسياق الذي تأتي فيه فنجد مثلا درسا يختص بالتعامل مع مصفوفة كنوع من البيانات، مسارا كاملا يختص بالتعامل مع الدوال بمجملها، الكائنات والأصناف وغيرها. هذا التقسيم يجعل الطالب يكتسب هاته المفاهيم في سياق منظم قادر على استيعابه بشكل بسيط. وحتى أن العودة الى هاته المفاهيم لمراجعتها سيكون سهلا جدا ولن يكون عليك البحث بين مئات الفيديوهات عن فكرة تم طرحها. سيضمن هذا تأسيسا قويا لمطور جافاسكربت محترف. ومع ذلك، فمحتوى الدورة كاملة يزيد عن 50 ساعة باجمالي 64 فيديو في مسار أساسيات الجافاسكربت فقط وأكثر من ذلك في مسارات أخرى.

vite يقوم بذلك بشكل تلقائي، هل تقوم بتنفيذ الأمر npm run build لإعادة تحزيم ملفات الاصول بعد التعديل عليها؟ بطبيعة الحال فإنه لن يتم التقاط أي تعديل قبل هذا الأمر. من غير المنطقي ايضا التعديل على ملف في بيئة انتاجية، قم بذلك في بيئة التطوير ثم اعد رفع التحديثات.

يحتمل أن التخزين المؤقت للملفات يتم على جهازك أيضا. جرب تعديل اسماء الملفات او طريقة استدعاءها. فالملفات على النحو: <link rel="stylesheet" href="{{ asset('css/app.css') }}" /> اجعلها كـ: <link rel="stylesheet" href="{{ asset('css/app.css') . '?d=' . time() }}" /> سيقوم هذا بجبر عدم التخزين المؤقت للملفات على المتصفح ايضا. (الأمر مؤقت فقط لاستعراض نتائجك، لا يجب عليك اعتماده بشكل دائم)

بما أن لديك الوصول الى phpmyadmin فيمكنك تعديل كلمة المرور عن طريق حقن أخرى مشفرة بذات الخوارزمية التي هي BCrypt. يمكنك مثلا استعمال موقع bcrypt-generator لتوليد كلمة مرور مشفرة ابتداءا من واحدة تختارها. قم لاحقا بلصق الناتج في حقل password في الجدول المستهدف في phpmyadmin لديك. سيمكنك بعد هذا استعمال الكلمة الغير مشفرة لتسجيل دخولك بشكل عادي.

تسمية الوسم kbd هي في الأصل اختصار للعبارة keyboard input element فهو من بين الوسوم التي تستعمل في الـ HTML الدلالي أو semantic html والذي هو معروف عن أنه يحسن محركات البحث. هذا الوسم هو وسم للدلالة على على الادخال النصي من لوحة المفاتيح. فإن كنا نحاول الاشارة الى طريقة لنسخ نص مثلا، فإن طريقة استعمال هذا الوسم للدلالة على الادخال الصحيح ستكون كـ: <p>اضغط <kbd>Ctrl</kbd> + <kbd>C</kbd> لنسخ نص</p>

MERN هي تجميعة من أطر العمل والمكتبات المبنية على جافاسكربت JS-based وهي اختصار الأحرف الاولى من كل من: MongoDB React Express.js NodeJS في حين أن Django هو اطار عمل على لغة بايثون موجه لتطبيقات الويب في الأساس. يتيح لك إنشاء تطبيقات ويب شاملة full stack web apps دون الحاجة إلى تعلم الكثير في وقت واحد. وحتى أن الواجهة الأمامية تستخدم قوالب Django. وهو أسهل نسبيا مقارنة بتجميعة MERN. في Django يوجد ايضا الكثير من الأدوات المضمنة لمساعدة المبتدئين والمحترفين، مثل نظم المصادقة. التي لا تكون متوفرة عادة في MERN stack.

ما تحاول القيام به غير منطقي فدورة بمقدار 360deg تمثل دورة كاملة لا تعبر إلا على 2π، نفس الأمر بالنسبة لأي مضاعف للدرجة 360 او 2π لطالما أن محور الدوران هنا هو المحور Y الثابت. فإذا أكمل العنصر مقدار 3π/4 من دورة أو 270 أو أي من مضاعفاتها فإنه سيحتاج مكملها إلى 2π فقط، وهو π/4 أو 90 أو أي من مضاعفاتها. الفكرة هنا، هي في أن الموضوع لا يجب أن يرى كدرجات. تخيل محور دوران العنصر كالمحور Y في الدائرة المثلثية. فأي موضع أصبح فيه العنصر من الدائرة، لن يخرج عن كونه ضمن الدائرة، ومهما كان عدد اللفات فهو سيعبر دوما عن نسبة معينة من لفة واحدة. أتخيل أنك تريد تطبيق حركية على عنصر بتزويدك للقيمة التي تسندها للدالة rotateY بمقدار معين، وقد واجهت مشكلة بسبب عدم امكانية تزويد القيمة بشكل متناهي. ان كنت تحاول تجنب هذا الموضوع، فلن يكون عليك إلا الاستفادة بشكل أو بآخر من الخاصية animation-iteration-count في css التي تحدد عدد مرات تكرار الدورة حتى توقف الحركة. من بين القيم التي تقبلها infinite. لمقاربة نفس النتيجة، أنشئ عنصرا: يقوم بالدوران حول المحور Y دورة كاملة. يسير في اتجاه عادي. يدور بشكل لا متناهي. إليك المثال: <div> Hsoub Academy </div> div{ background: red; animation: rotateDiv 5s linear infinite normal; } @keyframes rotateDiv{ 0%{ transform: rotateY(0deg); } 100%{ transform: rotateY(360deg); } } الخاصية animation

جرب تعريف استعلام وسائط ينطبق على الشاشات الصغيرة او المستهدفة، بحيث يستعمل الخاصية الموجودة بالفعل في css الخاصية transform scale ويرفقها بالقيمة المناسبة @media only screen and (max-width: 600px) { body, html { transform: scale(0.8); } } الخاصية transform في css

في Node، نسمي مجموع الحزم الذي تحتاجه حزمة ما لتشتغل بصورة صحيحة ولكنها لا تشمله عند التثبيت بـ Peer dependencies او تبعيات الأقران. أثناء التعامل مع هذا النوع من التبعيات قد لا نقوم أحيانا بتثبيت نسخة مناسبة من التبعية مع الحزمة الأب. هنا قد نشاهد مثل هاته الأخطاء. في مثل هاته الحالة، وبجانب ما اقترحه المدرب عمر، يمكنك ايضا جبر التثبيت عن طريق اضافة اللاحقة force الى امر التثبيت: --force تعرفي أكثر عن دليل ويب باك الشامل. اعرفي الفرق أكثر بين أنواع التبعيات في Node.

لا يوجد قاعدة معينة يمكن من عليها تعديل اتجاه العناصر لأن الموضوع مرن جدا، وقد نجد كل مصمم يصف الموضوع بطريقة ما. ولكن بشكل عام قد تحتاج: جعل اتجاه الصفحة rtl بارفاق القيمة rtl للخاصية dir لعنصر html و body وأي عناصر يتم تجاوز هاته الخاصية فيها. ضبط محاذاة النصوص بجعلها text-align: right ضبط وعكس اتجاه العناصر المعومة، اي تلك التي تمتلك الخاصية float. تعديل تموضع العناصر التي تمتلك وضعية مطلقة. فان كانت تمتلك الخاصية left:0 اعطها right: 0 وهكذا. ضبط خواص الهوامش التلقائية على المحور x. فان كان عنصر ما يمتلك margin-left:auto يجب ان تصبح الخاصية margin-right:auto هذا بجانب انك قد تحتاج بعض التعديلات الجزئية الأخرى، التي تناسب العرض باللغة العربية مثلا.

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

لما لا تقوم مباشرة باستعمال العوامل المنطقية logical operators لخدمة هذا الغرض بتنفيذ كلا الشرطين مرة واحدة؟ يكون ذلك كـ: if( array_search($parent_domain,$domains) && array_search($ipaddress, $ips)) { echo "allowed"; } اعرف أكثر عن العوامل المنطقية في PHP

مراقبات التقاطع او intersection observers هي واجهة برمجية في لغة جافاسكربت تقوم بتوفير امكانية لمراقبة عنصر معين ضمن الصفحة. من مثل: ان كان يظهر في ال Viewport. يمكن استعماله على سبيل المثال مثلما اشرت لاظهار قسم معين عند الانزلاق اليه من قبل المستخدم. يوجد حتى مكتبات من مثل wow.js التي تقوم على هاته الواجهة في الاساس. يمكنك ايضا بجانب ما اقترحه المدرب معاذ الاستعانة مباشرة بهاته المكتبات في الاستفادة من حركيات متعددة. بحيث يكون المحرك الاول للعملية هو ذات المفهوم.

رغم أن الكثير من المطورين والموجهين يرون أن الوقت قد فات لتعلم jQuery وينبغي التقدم لتعلم أحد اطر عمل الواجهة الأمامية مثل React, Vue, Angular إلا أنه لا يخفى على احد الحجم الكبير من المواقع التي ماتزال تنشط على الـ jQuery والتي تحتاج معرفة بها للعمل عليها. أي ان تعلمها لا يزال شيئا اساسيا في العمل بجافاسكربت على الويب. فهي تفي بأغلب احتياجات الواجهة الأمامية. بعد هذا قد تحتاج التعمق أكثر فيها واختيار احد اطر العمل المذكورة لتعلمها والتخصص فيها.

يتم العمل بشكل دائم على تحديث وإضافة مسارات جديدة. نستعمل أيضا الويب سوكيب لخدمة مفهوم الوقت الفعلي real time خلال مسارات مختلفة من الدورة. من مثل مساري بناء CMS و منصة الفيديوهات من خلال خدمة pusher.

يمكنك من هذا السلوك فهم أن الحاوية الخاصة بالصورة والخاصة بالنص لا يتم اخفاءهما وإنما يتم حقن الصورة والفقرة فوقهما بشكل مباشر. بشكل يجعلها تظهر وكأنها فوق بعضها. ولتلافي هاته المشكلة، لنبحث عن السطر الذي نقوم فيه بحقن محتوى الى الحاوية بهما ونتأكد من تفريغها من اي محتوى سابق قبل حقنها بالمحتوى الجديد. من ملف main.js نبحث عن: sliderContainer.innerHTML += arrimg[i]; sliderContainer.innerHTML += `<p id="p-${i}">${i + 1} / ${arrimg.length}</p>`; ونكتب قبلهما مباشرة السطر: sliderContainer.innerHTML = ''; // ++++++++++++++++ sliderContainer.innerHTML += arrimg[i]; sliderContainer.innerHTML += `<p id="p-${i}">${i + 1} / ${arrimg.length}</p>`; ستلاحظ اختفاء المشكلة عند الضغط على زر next ولكن نفس الشيء سيبقى مستمرا عند الضغط على زر pre. نتفحص الشيفرات الخاصة بهما ونرى أننا لا نحقن اصلا اي محتوى في الحاوية، أرى أنك تقوم بتعليق الأسطر الخاصة بها لسبب ما: // sliderContainer.innerHTML += arrimg[i]; // sliderContainer.innerHTML += ` <p id="p-${i}"> ${i + 1} / ${ // arrimg.length // }</p> `; الغ تعليق هاته الأسطر، ولا تنسى اضافة السطر: sliderContainer.innerHTML = ''; قبلهما مباشرة ايضا. يفترض ان يحل هذا المشكل لديك.