أقرأ الكود وأصلح الخطأ وأحسّنه
يقرأ المبرمجون الشيفرة كالمحققين. وفي عيادة الشيفرة تبحث عن الخطأ قبل أي شيء آخر. وهناك أربعة أخطاء شائعة: فاصلة منقوطة ناقصة في نهاية سطر، واسم لون مكتوب بمسافة، وقوس معقوف ختامي ناقص، واسم فئة لا يتطابق. في الصور تكتب القاعدة الأولى dark blue بمسافة فلا يُفهم اللون. وتنسى الثانية الفاصلة المنقوطة بعد white فقد يتوقف السطر التالي عن العمل. وفي الثالثة يقول HTML container بينما يقول CSS contanier فلا تصل القاعدة إلى الصندوق أبدًا. وعندما تصبح الشيفرة صحيحة تستطيع أن تتوقّع: إذا تغيّر العرض من 80% إلى 60% صار الصندوق أضيق؛ وإذا صار darkblue هو darkgreen صار الشريط أخضر. وتذكّر الأسبوع التاسع: تغيير واحد في ملف التنسيق يغيّر كل الصفحات.
| الخطأ | الإصلاح |
|---|---|
| لون بمسافة: dark blue | نكتبه darkblue |
| فاصلة منقوطة ناقصة بعد white | نضيف الفاصلة المنقوطة |
| قوس معقوف ختامي ناقص | نضيف القوس الختامي |
| اسم الفئة لا يتطابق | نستخدم الاسم نفسه في HTML وCSS |
1header { 2 background-color: dark blue; 3 color: white; 4}
1.contanier { 2 width: 80%; 3}
اكتب عيادة شيفرة من عندك: اخترع قاعدة فيها خطأ متعمّد وبدّلها مع زميل ليجده. ثم غيّر قيمتين في قاعدة صحيحة واكتب كيف ستبدو الصفحة بعد كل تغيير. لا حاجة إلى جهاز.