أهلاً ؟،

أنا مطور واجهات أمامية ولدي 3 سنوات من الخبرة. لقد أردت دائمًا سد الفجوة في معرفتي وأن أصبح مطورًا متكاملاً. لقد قمت بعدة محاولات لبدء مشروع Odin ولكنني لم أتمكن من المتابعة باستمرار. هذه المرة، أنا مصمم على الاستمرار فيه وتحسين مهاراتي.

لتتبع تقدمي، سأقوم بنشر سلسلة من منشورات المدونة التي توضح بالتفصيل ما تعلمته من كل فصل من فصول مشروع Odin. اعتبر هذه مذكرات التطوير الخاصة بي.

سأضيف المواضيع التي تعلمتها وسأشارك أشياء لم أكن أعرفها من قبل.

لقد بدأت باستخدام CSS بتنسيق HTML وجميع العناصر التمهيدية التي مررت بها سابقًا أو على الأقل أنا على علم بها.

المواضيع المستفادة

• المحددات

1. المحدد العالمي
2. محدد النوع
3. محدد الفئة
4. محدد المعرف
5. محدد التجميع
6. محدد التسلسل

• المجمع كنت أعرف كيفية استخدام combinator لكنني لم أكن على علم بهذا المصطلح المحدد. أيضًا التعريف بأن الأمر يتعلق بالعلاقة بين المحددات بخلاف تجميعها أو تسلسلها.
• المركب التنازلي

خصائص CSS الأساسية

• اللون، لون الخلفية
• الطباعة

1. عائلة الخطوط وعائلة الخطوط العامة

• ارتفاع الصورة وعرضها
  لذلك، شيء آخر تعلمته هنا هو أنه من المستحسن دائمًا تحديد سمات العرض والارتفاع للصور في HTML. ويضمن هذا أن يحتفظ المتصفح بالمساحة المناسبة للصورة أثناء عرض الصفحة، مما يمنع التحولات غير المتوقعة في تخطيط المحتوى عند تحميل الصور. للحفاظ على نسبة العرض إلى الارتفاع الأصلية للصورة، يمكنك فقط تغيير سمة العرض وتعيين الارتفاع على "تلقائي". سيؤدي هذا إلى ضبط الارتفاع تلقائيًا بناءً على أبعاد الصورة.

• CSS خارجي

• CSS داخلي ومضمّن

أتذكر مثالًا عندما أضاف قائد التكنولوجيا الخاص بي CSS مضمنًا إلى HTML الخاص بنا. لقد ترددت في التشكيك في قراره، لأنه كان محترفًا متمرسًا وكنت لا أزال جديدًا نسبيًا في هذا المجال.

ومع ذلك، أفهم الآن أن النهج الأكثر فعالية كان من الممكن أن يكون اقتراح تقليل استخدام CSS المضمّن. من خلال قصر الأنماط المضمنة على تلك الأنماط الضرورية للغاية لكي تعمل القاعدة، يمكننا تجنب الإفراط في تطبيق الخصوصية والحفاظ على قاعدة تعليمات برمجية أكثر نظافة وقابلية للصيانة.

أخطط أيضًا لنشر بودكاست أسبوعي يلخص الأشياء التي تعلمتها.