25 نصيحة لتطوير مواقع الويب تعزيز مهاراتك

 تعلم انه يختلف المطورون بشأن أفضل مفتش ويب عن طريق شركات تصميم مواقع الكترونية في السعودية، لكنهم يتفقون جميعًا على أننا كافحنا قبل أن تحصل عليها متصفحاتنا المفضلة. يشير بول ويلسون من موقع New Context إلى أنه يمكنك معاينة تغييرات CSS مباشرةً في Chrome أو Safari. انقر بزر الماوس الأيمن على عنصر عن طريق شركات برمجه ، واختر "فحص العنصر" ، كما يقول ويلسون ، "سيتم عرض جميع CSS المطبقة في جزء الفحص الصحيح. يمكنك تعديل أو إضافة عناصر جديدة هنا، لمشاهدة تأثيرات تغييراتك. "

لا يمكن الوصول إلى فاحص الويب افتراضيًا في Safari على جهاز Mac. قم بتمكينه من خلال الانتقال إلى التفضيلات> خيارات متقدمة> إظهار قائمة التطوير في شريط القائمة.

4. Firebug وما بعده

يحتوي Chrome و Safari على مفتش ويب مدمج  شركات تصميم مواقع الكترونية في السعودية، لكن مايك بالان ، المصمم الرقمي في Jellyfish يقف بجانب شريط أدوات Firefox Developers الأصلي. يقول مايك: "إنه الشيء المثالي لاكتشاف مشاكل CSS الصغيرة عند اختبار موقعك بأحجام شاشات متعددة".

"أضاف Firebug للتو القدرة على عرض أحجام شاشات متعددة في علامة تبويب متصفح واحدة أيضًا - مما يعني أنك لن تحتاج أبدًا إلى تغيير عرض متصفحك لاختبار موقعك مرة أخرى عن طريق شركات برمجه."

5. شيء واحد في كل مرة

يقول بن هودل ، مطور Didlr في wapple.net/ ، إنه لا يستطيع التأكيد على أهمية مبدأ المسؤولية الفردية بما فيه الكفاية. "يجب أن يكون لكل كائن في التعليمات البرمجية وظيفة واحدة لدي شركات تصميم مواقع الكترونية في السعودية. حتى مع CSS. لا تضع كل الأنماط في فئة الأزرار. قم بتقسيمه إلى .button-structure و. button-face وما إلى ذلك ... "

لماذا ا؟ لأنه إذا لم تفعل ذلك وكان هناك شيء فاصل بواسطه شركات برمجه ، فسيكون لديك وقت طويل لتتبع التعليمات البرمجية الخاصة بك ، والعثور على الكائن الذي يمثل المشكلة - وما إذا كان الخطأ موروثًا من أعلى في DOM.

6. هل يمكنك ترميزها؟

يعتقد بن أيضًا أن التراجع عن الأطر والمكتبات ليس دائمًا أفضل إجابة. "إذا كنت ترميز مشروعًا صغيرًا ودائمًا ، على سبيل المثال ، قم بتضمين jQuery ، فكر في" هل يمكنني فعل ذلك باستخدام Vanilla JS؟ "قد تجد أنه يمكنك فعل ذلك باستخدام JavaScript بشكل أفضل وأسرع بواسطه شركات تصميم مواقع الكترونية في السعودية.

ادارة مشروع

7. احصل على Git 

إذا كنت تعمل في مشاريع كبيرة بواسطه شركات تصميم مواقع الكترونية في السعودية ، فأنت بحاجة إلى نظام إصدارات قوي. يقسم العديد من مطوري البرامج على GitHub ، ولكن هناك جانبًا سلبيًا إذا كان مشروعك خاصًا. تمت استضافة شفرتك على خوادم GitHub وهي متاحة للجمهور. يوصي الأشخاص في Plug and Play باستخدام gitlabhq.

يقول Rhys Little: "GitLab مشابه جدًا لـ GitHub ولكنه مفتوح المصدر تمامًا ومجاني الإعداد على خوادمك". "أفضل إعداد لـ GitLab هو استخدام NGINX مع يونيكورن لتحسين الأداء والسرعة - لكن Apache مع Passenger سيعمل أيضًا.

"الميزة الأكبر لهذا الترتيب هي أنه يتم نسخ التعليمات البرمجية احتياطيًا في كل مرة تلتزم فيها ، باستخدام عارض فرق مفيد حقًا حتى تتمكن من رؤية ما تم تغييره في كل التزام."

8. رمز علق

يتذكر العاملون في الفريق ، على وجه الخصوص ، أن الأشخاص الآخرين بحاجة إلى فهم التعليمات البرمجية الخاصة بك - استخدم مواردك واعمل من خلال ملفاتك. "لا تكن كسولاً" ، كما يقول شين إس ميلكي. "قم دائمًا بالتعليق على الكود الخاص بك ، وقم بتسمية الطبقات الخاصة بك وتنظيم PSDs و FLAs. كلما كانت ملفاتك أكثر تنظيمًا عن طريق شركات تصميم مواقع الكترونية في السعودية، أصبح من الأسهل عليك أو على الآخرين الانتقال إليها وفهم مكان وجود الأشياء وكيفية عملها ".

9. تأمين موقعك

قبل بدء تشغيل موقع ويب بواسطه شركات تصميم مواقع الكترونية في السعودية ، تأكد من تشغيله من خلال ASafaWeb.com (يُنطق A-Safer-Web). "هذا الموقع ، الذي كتبه Microsoft MVP Troy Hunt ، يقوم بمسح مواقع ASP.NET على الويب بحثًا عن مجموعة من مشكلات الأمان الشائعة ،" كما يقول .NET dev Macs Dickinson. "إذا فشلت في أي من الاختبارات ، فسوف ينصحك بكيفية حل المشكلة."

10. أتمتة

"لا تضيع الوقت في نشر اختبارات الوحدة أو تشغيلها يدويًا. تقول أجهزة Mac ، "أتمتة الوقت الذي تقضيه في التعامل مع NAnt أو MSBuild هو وقت مستغرق جيدًا لأنه سيقلل من عدد الأطواق التي تحتاج إلى القفز خلالها عندما يلوح هذا الموعد النهائي في الأفق عن طريق شركات برمجه."

11. فريق تعقب

يستخدم الفريق في Unboxed Consulting Pivotal Tracker و Pivotal Booster لإدارة المشروع وتتبع الميزات / الأخطاء. أخبرنا الفريق: "هناك أدوات أخرى لهذا ، لكن Pivotal Tracker هو خيار بسيط وخفيف الوزن". "نستخدمها بانتظام لتتبع التقدم من خلال المشاريع."

12. صور مثالية

Pixel Perfect هي أداة يستخدمها Unboxed لمقارنة التصميمات الأولية مع الواجهة الأمامية الفعلية التي تنفثها عملية التطوير. يقول فريق Unboxed: "يتيح لك ملحق Firefox الصغير هذا تراكب إصدار jpeg من تصميماتك أعلى الصفحة مباشرةً". "يمكنك التحقق وصولاً إلى البكسل الأخير الذي يصطف فيه كل شيء!"

13. الخطوط المنقطة

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

التليفون المحمول

14. أرقام الهواتف النشطة

يقول Mike Ballan: "يمكن لمعظم الأجهزة المحمولة إجراء مكالمات ، لذا استفد من ذلك في رمز صفحتك". لف الرقم في العلامة. بدلاً من Http: // كبروتوكول تستخدم "tel:"

إليك ما قد يبدو عليه ذلك:

15. مرتفع أم منخفض؟

هل موقعك بواسطه شركات تصميم مواقع الكترونية في السعودية جاهز لشاشات الشبكية؟ لا تعتقد أنك بخير فقط لأن الأرقام في صفك الآن ، لأنها لن تبقى على هذا النحو إلى الأبد.

يقول مايك: "هناك حلان لتبديل الصور اعتمادًا على الاستجابة لدقة الشاشة". "هناك إطار عمل JavaScript retina.js الذي يستخدم اصطلاح التسمية @ 2x من Apple لاستبدال الصور القياسية بإصدارات عالية الدقة عن طريق شركات برمجه.

"من الممكن أيضًا توفير صور عالية الدقة لأجهزة iOS باستخدام Webkit-image-set". إليك الطريقة:

.header {background: -webkit-image-set (url (images / header.jpg) 1x ، url (images / header_2x.jpg) 2x) ؛}

16. المركز الثابت 

هل تريد أن يكون لديك تنقل ثابت أو شريط اتصال في الجزء السفلي من موقعك؟ عندما يتعلق الأمر بالجوال ، يجب أن تضع في اعتبارك أن عددًا قليلاً فقط من المتصفحات تدعم فئة "الثابتة". يقول مايك: "سيستبدل Windows Phone 7 فئة" ثابت "بفئة" ثابتة "- وهذا ليس بالأمر الجيد بواسطه شركات تصميم مواقع الكترونية في السعودية".

فيما يلي قائمة بأنظمة تشغيل الأجهزة المحمولة التي تدعم السمة "ثابت" في CSS:

Mobile Safari iOS5 وما فوق

أندرويد 3 وما فوق

Blackberry 7.0 وما فوق

الاختصارات

17. Sprite لي

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

يمكنك بعد ذلك استخدام خاصية CSS background-position لعرض الجزء الذي تريده من الصورة فقط في شركات برمجه. يتم تنزيل الصورة مرة واحدة مؤقتًا ويتم طلبها مرة واحدة. إذا كان هذا يبدو وكأنه عمل شاق للغاية ، فاستخدم الأداة عبر الإنترنت spriteme.org للقيام بعمل الحمار. يقوم بمسح صفحتك بحثًا عن صور يمكنه دمجها وإنشاء CSS لك.

تعرف ايضا علي : ما هو نظام إدارة المحتوى ؟

يمكنك ايضا التعرف علي: ازاى اكون مصمم ويب في شركات برمجة في مصر