00:24 تعلم HTML بالتطبيق
يساعد فهم HTML على مناقشة المشكلات التقنية مع المطورين. اكتب أمثلة صغيرة واختبرها حتى تتضح العناصر. المشروع مخصص لفهم الشيفرة المستخدمة لاحقاً، ولا يمثل موقع إنتاج متكاملاً.
02:01 تجهيز المحرر والملف الرئيسي
أنشئ مجلداً للمشروع وملف index.html كما في التجربة. يختار الخادم المستند الافتراضي وفق إعداده؛ فالاسم المتعارف عليه يسهل التعرف إلى البداية، لكن تغيير المستند الافتراضي قد يتطلب تعديل الخادم. ميّز بين اسم الملف وقاعدة تقديمه.
03:35 تنظيم الموارد المساندة
خصص مجلدات للصور وCSS وJavaScript، ويمكن إضافة fonts للخطوط المحلية. صور المثال موارد قالب مثل الشعار والأيقونات. قد يستخدم نظام إدارة المحتوى بنية أخرى للملفات المرفوعة؛ فلا تفترض أن المشروع التعليمي يطابق تنظيم نظام نشر كبير.
04:28 مصادر استضافة الملفات
قد تأتي الخطوط والموارد من خادم الموقع أو خدمة منفصلة، كما في شرح CDN. يوضح التنظيم موضع كل نوع ومساره، وهو مفيد لفحص الملفات المفقودة وتدريب المطورين على تحسين محركات البحث. تستخدم الدروس التالية هذه المجلدات عند ربط الملفات.