في الفيديو السابق ، علمنا أن المتصفح يرسل ببساطة طلبًا إلى خادم في مكان
ما في العالم عبر الإنترنت باستخدام بروتوكول HTTPS ، ثم يتلقى ملفات JavaScript و HTML و CSS
حتى يتمكن من عرض موقع ويب.
حاليا.
كيف يمكننا التحقق من هذا بالفعل؟
حسنًا ، يمكنني بالفعل الانتقال إلى عرض المطور وهذا يستخدم Google Chrome.
لذلك أوصي في هذا الجزء باستخدام Google Chrome حتى تتمكن من متابعة ما أفعله.
إذا ذهبت إلى أدوات المطورين هنا ، فسيتم فتح مربع صغير هنا يحتوي على بعض المعلومات من أجلي.
الآن ما أريد التركيز عليه هو علامة تبويب الشبكة هذه.
وستخبرنا علامة تبويب الشبكة هذه عن نوع المعلومات التي نتلقاها من الخادم.
إذا قمت بالتحديث هنا ، ستلاحظ ذلك.
حصلت على بعض البيانات هنا؟
الآن تريد التأكد من عدم وجود عامل تصفية.
لذلك نريد أن نقول هنا أننا نريد كل شيء.
لذلك ليس هناك مرشح ، كل شيء.
لا يوجد بحث جاري ويمكننا التحديث مرة أخرى و.
حسنًا ، نرى الكثير من الملفات ، لكن هذا يبدو مخيفًا.
دعونا نفكر فيما تعلمناه للتو.
نتعلم أننا حصلنا أولاً على ملف HTML ، والذي صادف أن يكون هذا الملف.
تقول هنا اكتب الوثيقة.
وإذا نقرت هنا ، فهذا مستند HTML.
لذا ، فإن الاستجابة من الخادم عند الضغط على زر التحديث ، تذكر أنه تم الاتصال بخادم في مكان ما في العالم
يحتوي على هذه الملفات على هذا الكمبيوتر.
وهنا لدينا ملف HTML الخاص بنا.
إذا كنت سأقوم بالتمرير لأسفل.
انظر إلى ذلك.
يمكننا أن نرى هنا على الويب هزلية للرومانسية والسخرية والرياضيات واللغة ، والتي توجد هنا.
تذكر كيف قلت أن HTML هو النص الذي يتم عرضه على موقع الويب؟
حسنًا ، هذا هو HTML الخاص بنا هنا الذي استجاب به الخادم ويعرف المتصفح كيفية قراءة
هذا وعرض النص.
ماذا عن CSIS؟
حسنًا ، يمكنني بالفعل النقر فوق علامة تبويب CSIS هذه هنا وإظهار جميع ملفات CSIS التي جاءت من الخادم.
وترى هنا أن هذا ، مرة أخرى ، يبدو مختلفًا بعض الشيء.
إنها بصيغة مختلفة عن لغة HTML.
لكن كل ما يفعله هنا هو أنه يعطيني الأنماط التي أريدها.
يمكنك أن ترى هنا يمكننا اختيار لون الخلفية.
يمكننا اختيار موضع مختلف ، عرض اليسار الموضع.
وهذا يعطينا التصميم الذي نريده على موقع الويب.
ثم إذا انتقلنا إلى JavaScript ، فإننا نرى بالفعل ملفات JavaScript التي يستخدمها موقع الويب هذا.
الآن لا داعي للقلق بشأن JavaScript هنا.
تسمح لنا JavaScript بالقيام ببعض التفاعل على هذا الموقع الإلكتروني والذي ربما لا داعي للقلق بشأنه في الوقت
الحالي.
الآن ، أريد أن أشير إلى أن هناك بعض الأشياء الأخرى هنا مثل الصورة والوسائط.
وكما ترون ، الصور ، لدينا بالتأكيد بعض الصور التي نستخدمها هنا.
إذا قمت بالنقر فوق معاينة ، يمكننا رؤية الصور.
لكن في نهاية المطاف ، المفهوم هو نفسه.
لدينا ملف HTML.
وهو في حالتنا هنا.
ترى كيف يتم عرض ملف HTML بدون CSS ، وهي مجرد بيانات نصية لدينا.
CSS ، وهو التصميم.
من صفحتنا ثم بعض JavaScript لجعل صفحتنا تفاعلية وربما بعض الصور.
لكن في نهاية اليوم ، كل هذه الأشياء هي في الواقع مجرد بيانات نصية نتلقاها من الخادم.
وهذا يعني أنه حتى نتمكن من بناء موقعنا على الويب ، نحتاج إلى إنشاء ملف HTML وملف
CSS وملف JavaScript لهذه الأشياء الثلاثة.
في الواقع ، لا نحتاج حتى إلى ملف JavaScript إذا كنا لا نريد أي تفاعل.
لا نحتاج حتى إلى ملف CSS.
إذا كنا لا نريد أي نمط ، فيمكننا حتى استخدام ملف HTML.
لذا في الفيديو التالي ، سنقوم ببناء أول موقع ويب خاص بنا.
سأراك في ذلك.
مع السلامة.