CSSفرونت اند

ما مهام مطورين CSS ولماذا تحتاج واحدًا

مطورو CSS هم محترفون على الويب تتمثل مسؤوليتهم الأساسية في تقديم منتج مصقول ومصمم إلى متصفح

الزائر. عمليًا ، يستخدم كل موقع ويب CSS ، لكن CSS غالبًا لا يعتبر “متساويًا” في حزمة تطوير الويب الحديثة.

لسوء الحظ ، يمكن أن يؤدي هذا الفهم الخاطئ إلى اعتبار CSS أمرًا مفروغًا منه ، أو حتى التغاضي عنه إلى حد ما.


غالبًا ما يؤدي السماح لغير مطوري CSS بالتعامل مع CSS إلى إدخال اختراق والأخطاء في التعليمات البرمجية ،

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

حتى تتمكن من الحصول على فهم أفضل لسبب احتياج كل موقع إلى مطور CSS محترف وموثوق.


ماذا يفعل مطورو CSS ؟


هيا لنبدأ مع الأساسيات. لماذا تعتبر CSS مهمة جدًا ، وما الذي يفترض أن يفعله مطورو CSS بالضبط؟ CSS هي

لغة محددة ، وعلى هذا النحو ، لا يمكن أن توجد بمفردها. يتطلب HTML معنى. لذا ، فإن أول شيء يفعله مطورو

CSS هو كتابة كود HTML.


كتابة لغة HTML مرتبة أمر مهم دائمًا


تعد كتابة HTML مباشرة ونظيفة ومنظمة بشكل مناسب مسؤولية كبيرة لأن مستند HTML المتواضع هو أول ما

تقدمه إلى المستخدمين النهائيين. إذا كنت تكتب مستندًا بتنسيق HTML جاهزًا للإنتاج ، فيجب أن تحاول التأكد من

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

إنني أتحدث عن إعداد نوع الدكتوب الصحيح واللغة والعلامات الوصفية والأشكال المفضلة وتقنيات التحميل وتحسين محركات البحث.


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

ولا يستخدم كل مصمم نفس الأداة لتوفير التصميم. إن التعرف على Sketch أو Photoshop أو In Vision

أو Figma ، والقدرة على “تقسيم” التصميم ، هي مهارات لا غنى عنها لمطوري CSS. يجب على المرء دائمًا أن

يضع في اعتباره كيفية هيكلة مكون لجعل من الممكن تطبيق التصميم في نفس الوقت. يجب أن يمنع استخدام

اصطلاح تسمية جيد ، مثل BEM أو OOCSS ، كتابة HTML متضخم أو كود CSS غير قابل للاستمرار.



جافا سكريبت في كل مكان


يجب أن تكون بعض المكونات تفاعلية ، مثل الوسائط أو تلميحات الأدوات. يتطلب ذلك غالبًا فهمًا جيدًا لجافا سكريبت

، وليس جافا سكريبت “عميقًا” ، ولكن أحداث جافا سكريبت والتعامل مع DOM. قد يكون التعامل مع DOM أمرًا

صعبًا لأنك لا ترغب في استنزاف موارد المستخدم وجعل موقع الويب الخاص بك بطيئًا ، أو الأسوأ من ذلك ، تعطله

وجعله غير مستجيب تمامًا.
يتطور عالم JavaScript سريعًا ، ويبدو أحيانًا أن الأطر والأدوات الجديدة تظهر على أساس يومي. نظرًا لشعبية

جافا سكريبت الهائلة ، يعد البقاء في الحلقة أمرًا بالغ الأهمية إذا كنت ترغب في استخدام أحدث أفضل الممارسات

وتقديم أفضل تجربة ممتعة للمستخدمين النهائيين.


CSS


ينطبق هذا أيضًا على CSS ، على الرغم من أن الكثيرين قد يجادلون في أنها لا تتطور بنفس وتيرة JavaScript

تقريبًا. ومع ذلك ، فإن الميزات الجديدة مثل متغيرات CSS أو شبكة CSS أو حتى Flexbox تتطلب بعض الوقت

لإتقانها. بعد ذلك ، هناك دعم للمتصفح ، والذي لا يزال يمثل مشكلة حتى اليوم. قد يبدو موقعك بمليون دولار في

متصفح حديث ، لكن ليس كثيرًا في المتصفحات القديمة. قد يتم دعم Flexbox في IE11 ، ولكن مرة أخرى ، قد

لا يعمل كما هو متوقع. تعد معرفة كيفية تجنب هذه المشكلات جزءًا من مهمة مطور CSS.


لحسن الحظ ، المجتمع مفيد للغاية ، ويمكن لمواقع مثل Flexbugs أو Gridbugs توفير الكثير من الوقت.

لماذا تحتاج إلى مطور CSS؟


يمكن لمعظم مطوري الواجهة الأمامية أو حتى المكدس الكامل كتابة كود CSS. ولكن لا يمكن لكل واحد منهم إصلاح

كل خطأ في CSS أو تنفيذ التصميم دون تعديل كود HTML أو الاعتماد على JavaScript حيث لا يكون ذلك

ضروريًا. يهتم مطور CSS المحترف بالشفرة حتى التفاصيل النهائية ، ويستمتع بإنشاء المخططات والمكونات ، حتى

أكثرها تعقيدًا ، ويعرف كيفية حل كل مشكلة أو خطأ.

معايير الترميز CSS


قبل كتابة أي رمز ، من الجيد عمومًا أن يكون لديك بعض القواعد الأساسية حول كتابة الكود. يجب على مطوري

CSS احترام معايير الترميز – فهي ضرورية لقابلية الصيانة وقابلية التوسع في المشروع.


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

على إنتاج كود أفضل وأكثر تنظيماً. يمكن أن يساعد أيضًا جميع المشاركين في المشروع على فهم بنية المكون

والعلاقة بين المكونات والعناصر من خلال قراءة كود HTML وحده. قرر كيفية التعامل مع المسافة البادئة وأنواع

المحدد وخصائص الاختزال والوحدات في CSS. على سبيل المثال ، تجنب استخدام وحدات البكسل إذا كان معيار

التشفير يقترح استخدام وحدات rem. كل شخص لديه أسلوب كتابة / ترميز مميز ، ولكن كمحترف ، عليك أن تكون

قادرًا على تبني ، والأهم من ذلك ، فهم كل مفهوم.

ما يمكن لمطوري CSS القيام به من أجلك


كل ما سبق يوضح سبب حاجتك إلى مطور CSS مخصص. فيما يلي بعض الأشياء المهمة التي يتعاملون معها:تأكد

من التزام كل عضو في المشروع بمعيار الترميز


تنفيذ التصميم

تنظيم الكود

اكتب الكود

إصلاح الخلل

تعرف على التقنيات الجديدة

تحسين الكود

لفترة طويلة جدًا ، شجعت مسألة وجود وأهمية دور مطوري CSS على عدم إجراء مناقشات بناءة وحسنة النية بشكل

خاص. دعونا نحاول الاتفاق والاعتراف بمطور CSS دورًا مناسبًا إلى الأبد. يتفق معظمهم على وجوب وجود فجوة

، ويجب أن يكون هناك دور قائم على CSS لا يتطلب معرفة أطر عمل JavaScript الحديثة. قد يساعدك إذا كنت

تعرف أكثر من “CSS فقط” ، ولكن الدور يجب أن يكون موجودًا ، ويجب قبوله على أنه مساوٍ للأدوار المستندة إلى

JavaScript.

ويكيبيدياhttp://wikipida.com

اظهر المزيد

مقالات ذات صلة

زر الذهاب إلى الأعلى

أنت تستخدم إضافة Adblock

الاعلانات هي مصدرنا الوحيد لدفع التكلفة التشغيلية لهذا المشروع الريادي يرجى الغاء تفعيل حاجب الأعلانات