مرحبًا بعودتك.
دعنا نتعرف على كيفية إضافة CSS و JavaScript إلى فهرسنا. html لأنك إذا كنت تتذكر فنحن نستخدم البرنامج
النصي و CSS هنا.
الآن مرة أخرى مع Flask.
إذا ذهبنا إلى CSIS ، فلنفترض أن هناك ملفات ثابتة.
تعني الملفات الثابتة ببساطة أنه ملف لن يتغير أبدًا.
هذا هو CSS و JavaScript.
عادة بمجرد أن نرسلهم ، لن يغيروا ثابتهم.
وترى هنا أنه باستخدام Flask ، يتعين علينا تخزين الملفات على نظام الملفات كمستندات نمط الشرطة المائلة
الثابتة ، لذلك نحتاج إلى إنشاء مجلد ثابت.
مرة أخرى ، هذا شيء عليك فقط أن تعتاد عليه.
لكن دعنا نقول هنا أننا سننشئ مثلما فعلنا مع القوالب ، سننشئ مجلدًا ثابتًا
حتى يعرف تطبيق Flask أنه يبحث هنا عن ملفات CSS و JavaScript.
لذلك سأقوم بنقل ملف JavaScript.
إلى مجلد ثابت.
وافعل الشيء نفسه مع ملف CSS.
لذا مرة أخرى ، حرك ذلك.
إلى ثابت.
الآن ، إذا قمت فقط بحفظ هذا وتشغيله ، فسترى أنه لن يعمل بالفعل.
حسنا ، لماذا هذا؟
يمكنك معرفة ذلك؟
مرة أخرى لأننا لم نتحدث كثيرًا عن HTML و CSS و JavaScript.
لا تقلق إذا لم تحصل على هذا ، ولكن إذا كنت تتذكر في ملف HTML المفهرس الخاص بنا ، فإننا نشير إلى هذه
الملفات بالداخل هنا.
لكن مسارات الملفات تغيرت الآن.
هم الآن في المجلد الثابت.
مثله.
لذلك يجب أن أقول ثابت.
كلاب السيناريو.
إذا عدت الآن.
وتجديد.
مهلا ، انظر إلى ذلك.
موقع الويب الأخضر الجميل الخاص بي لنفترض أن هذا هو موقع ويب عيد الميلاد يعمل الآن إذا فتحت أدوات المطور.
انتقل إلى الشبكة وقم بالتحديث.
مرحبًا ، تحقق من ذلك.
لدي وثيقي.
ثم لدي ملف JS الخاص بي.
ولماذا لا يوجد CSS؟
اسمحوا لي أن أنعش مرة أخرى.
أوه ، ها هو هناك.
لدينا أسلوب المغلق.
لدينا JS ولدينا الوثيقة.
رائع.
إذا كنت تتساءل عن سبب ظهور هذا الخطأ الصغير في رمز fab ، فإن رمز fab هو الرمز الصغير الذي يظهر في
علامات التبويب هنا.
لذلك يمكننا في الواقع إضافة رمز fab الخاص بنا إذا أردنا إرسال الصور.
والطريقة التي سنفعل بها ذلك هي مرة أخرى في نقطة النهاية ، دعنا بدلاً
من المدونة ، سأقول fab icon dot iko للأيقونة ويمكننا فقط إرسال صورة لها.
همم.
كيف سنفعل هذا؟
سأعرض لك الإجابة في الفيديو التالي ، ولكن أريدك أن تجربها وتكتشف
كيف يمكنك إرسال صورة مرة أخرى إلى نقطة النهاية هذه حتى لا نحصل على هذا الخطأ.
وعندما يطلب المستعرض ذلك تلقائيًا ، وهو ما تفعله جميع المتصفحات ، سيظهر رمزًا صغيرًا
هنا بالنسبة لنا.
لذا اختر أي رمز تريده واعرف ما إذا كان يمكنك حله في الفيديو التالي.
سأريك الجواب.