الخلاصة والمصادر

الخلاصة

• 1. أول صفحة ويب: HTML من الصفر: صفحة الويب ملف نصّي فيه وسوم تقول للمتصفح «هذا عنوان، هذه فقرة، هذا رابط». افتح الوسم، اكتب المحتوى، ثم أغلقه، وكل خاصية تضيف معلومة للعنصر.
• 2. HTML الدلالي: هيكل له معنى ونماذج ووصول للجميع: اختر العنصر حسب معناه لا شكله: header وnav وmain وbutton وlabel. المعنى الصحيح يعطيك وصولًا وبحثًا وسلوكًا مجانيًا، والنموذج الجيد يتحقّق في المتصفح لراحة المستخدم وفي الخادم للأمان.
• 3. CSS من الصفر: الألوان والخطوط والصندوق: القاعدة = محدّد يختار العناصر + خصائص تغيّر شكلها. كل عنصر صندوق: محتوى ثم حشوة ثم إطار ثم هامش. وحين تتعارض قاعدتان تفوز الأخصّ ثم الأخيرة.
• 4. CSS للتخطيط: Flexbox وGrid والتجاوب: Flex لصف أو عمود واحد، Grid للشبكة، والجوال أولًا ثم min-width للأكبر. المتغيرات تجمع ألوانك في مكان واحد، والخصائص المنطقية (margin-inline-start) تجعل الصفحة تعمل بالعربي والإنجليزي.
• 5. JavaScript من الصفر: القيم والقرارات والتكرار: البرنامج تعليمات تُنفَّذ بالترتيب: تخزّن القيم في متغيرات (const افتراضيًا)، تقارن بـ === دائمًا، تقرّر بـ if، وتكرّر بـ for. وconsole.log نافذتك لترى ما يحدث.
• 6. JavaScript: الدوال والمصفوفات والكائنات: الدالة وصفة لها اسم تعيد استخدامها. المصفوفة قائمة مرتّبة، والكائن بطاقة خصائص. فكّر بالمصفوفات كتحويلات: filter يختار، map يحوّل، reduce يجمع.
• 7. JavaScript والـ DOM: صفحة تتفاعل: اختر العنصر، استمع للحدث، غيّر الحالة، ثم ارسم الحالة. اجعل البيانات مصدر الحقيقة والصفحة انعكاسها، واستخدم textContent لأي نص من المستخدم.
• 8. JavaScript غير المتزامن: المؤقّتات وPromise وfetch: ما يأخذ وقتًا (الشبكة، المؤقّت) لا يوقف الصفحة: تطلبه، وتكمل، ويأتيك الرد لاحقًا. اكتب ذلك بـ async/await، ولُفّه بـ try/catch، وأظهر للمستخدم «جاري التحميل» و«حدث خطأ».

قاموس المصطلحات