المهارات الأساسية لتصميم واجهات الويب الأمامية

[مطلوب] واجهة المستخدم

فوتوشوب / تصميم الألعاب النارية

التعاون مع الفنانين لتشكيل رسومات تخطيطية في تصميمات محددة تتوافق مع صفحة الويب. القدرة على إنشاء طبقات PSD وPNG عالية الجودة بسرعة، ويمكن تصور محتوى PSD وPNG بسرعة في أكواد HTML مثل div+css أو تصميم Flash

تأثيرات الرسوم المتحركة الأساسية وتصميم النظام التفاعلي المعقد، وفهم تصميم النظام التفاعلي المعقد لبرامج التصميم المساعدة SWF التابعة لجهة خارجية وقدرات التكامل القوية لمختلف الموارد الأجنبية (PNG، JPG، MP3، WAV، وما إلى ذلك). إتقان بعض برامج التصميم المساعدة التابعة لجهات خارجية (AE وSwishMax وSwift3D وما إلى ذلك)

【مطلوب】 جانب المتصفح (تطبيق الويب)

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

جافا سكريبت/اجاكس/دوم

عمليات DOM الأساسية، من خلال فهم AJAX، يمكنك تنفيذ عمليات DOM الأساسية لاتصالات البيانات، وتكون قادرًا على كتابة كود OOP فعال لتقليل تكاليف الصيانة وتنفيذ تطورات مختلفة بناءً على الاحتياجات، واختيار الأطر المناسبة، وتحقيق أعلى كفاءة للتعليمات البرمجية والمستخدم تجربة أفضل، وأدنى حد لتنزيل الأكواد، وأقصى قدر من إعادة استخدام الأكواد عبر خطوط إنتاج منفصلة أو حتى أكثر

يمكن لعمليات ActionScript المستندة إلى المخطط الزمني تحقيق تحكم تفاعلي بسيط واتصال طبقة البيانات (مع الخادم وSharedObject المحلي)
يتقن AS1-3 وقادرًا على تطوير عمليات RIA المختلفة وفقًا للاحتياجات. سواء كان مطلوبًا دعم FlashPlayer8 أو FlashPlayer9، فإنه يمكنه تحقيق أعلى كفاءة تطوير وأقصى قدر من المرونة (مثل تصميم الواجهة لطبقة HTML، وما إلى ذلك).

【مطلوب】 جانب العميل (تطبيق سطح المكتب)

أبولو

التغليف على مستوى المنتج، والفهم الفني الأساسي (كيفية التغليف، وكيفية إضافة HTML وJavaScript، وما إلى ذلك)
أثناء إتقان نظام التشغيل، يمكنك استخدام واجهة برمجة تطبيقات Apollo لتصميم وتطوير وظيفة الإدخال/الإخراج للملفات في نظام التشغيل بشكل مستقل.
أثناء إتقان المهارات الأساسية، سيكون لديك أيضًا فهم لـ "نظام المفهوم ثلاثي الأبعاد". تعني كلمة "3D" هنا: التصميم والتطوير والنشر. يمكن استخدام أبولو
مؤسسة العرض التقديمي لـ Windows، WPF/E (Silverlight)
(سيتم تحديده لاحقا، مرحبا بكم في الإضافة)

[ملحق] من جانب الخادم (التعديل: بعد النظر، لن يتم تضمين هذه المهارة في التقييم)

في الأصل، تم إدراج "1. التقنيات والبرامج النصية البسيطة من جانب الخادم" و"2. واجهة MediaServer (Red5)" كأحد معايير التقييم (لمهارات طبقة منطق الخادم والبيانات) في "قائمة مهارات مهندس الواجهة الأمامية للويب" ". ولكن يبدو أن العديد من الأصدقاء يشككون في ضرورة إتقان مهندسي الواجهة الأمامية للمهارات من جانب الخادم. في الواقع، ليس من السهل إتقان مهارات طبقة العرض المذكورة أعلاه، ومهندسو الواجهة الأمامية صعبون للغاية بالفعل. ومع ذلك، من ناحية أخرى، لا أعرف إذا كنت قد فكرت في سبب العمل الشاق عندما تقاتل div+CSS ليلًا ونهارًا. من خلال تجربتي، يكمن العمل الشاق للواجهة الأمامية في الجوانب التالية:

هناك الكثير من العمل المتكرر، ويتم تكرار عدد كبير من div+css، حتى لو تمكنت من النسخ واللصق، فمن المؤلم جدًا العثور على مدخل في محيط من آلاف الأسطر من div ، وغالبًا ما ترمي لعدة ساعات وتحصل أخيرًا على حل عبر الأنظمة الأساسية. تم حل المشكلة، ويمكن عرض نفس التأثير ضمن IE6 و 7 و Firefox، وحتى تفاعل JavaScript على وشك الانتهاء. وفجأة، قيل إن الطلب سوف يتغير. ولا شك أن هذا ألم عظيم.

ربما ظاهريًا، لا علاقة لهذا بالمهارات من جانب الخادم، لكنني أعتقد أن وجود وعي جيد من جانب الخادم سيساعد بالتأكيد (بالطبع من المستحيل حل جميع المشكلات). بعد كل شيء، ترتبط بنية المعلومات وقاعدة البيانات ارتباطًا وثيقًا، والخادم هو القناة الوحيدة للاتصال بقاعدة البيانات (على الأقل هذا هو الحال بالنسبة لمعظم تطبيقات B/S). يعد إتقان المهارات الأساسية من جانب الخادم أمرًا مهمًا جدًا للمطورين في نفس الطبقة المنطقية لتصميم الواجهات. علاوة على ذلك، فإن فصل طبقة عرض HTML عن البيانات أثناء التطوير يرتبط أيضًا بتقنيات القوالب المختلفة على جانب الخادم. على سبيل المثال، قالب Smarty في PHP (الذي استخدمته)، ومفهوم Model2 لـ jsp، وما إلى ذلك. كيفية تصميم بنية HTML، وكيفية إعادة استخدام HTML، وحتى تطوير OOP على طبقة HTML (عملية تطوير الواجهة الأمامية التي أقوم بتصميمها حاليًا في خط المنتج الجديد) كلها تتطلب دعمًا من جانب الخادم. على أقل تقدير، عليك أن تخبر مبرمج PHP بما تحتاجه. إذا كنت لا تعرف أي شيء عن PHP، فمن المستحيل التحدث عنه.

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

【الملحق】 جانب الهاتف المحمول (غير مشارك في التقييم)

لقد رأيت العديد من الأصدقاء يتركون رسائل تفيد بأن مهندسي الواجهة الأمامية ليس لديهم مستقبل، وكنت أتساءل، هل من الضروري إتقان مهارات الأجهزة المحمولة لتوسيع المستقبل؟ اسمحوا لي أن أقول بضع كلمات أخرى هنا فيما يتعلق بمستقبل الموظفين الفنيين، يمكن وصف الوضع الحالي في الصين بأنه "قاتم". الجو المتهور يجعل المواهب الفنية غالبًا ما تتخلى عن حياتهم المهنية الفنية قبل الأوان، كما أن المستوى الأخلاقي العام للمؤامرات يجعل الموظفين الفنيين البسيطين بائسين (هناك الكثير من حولي، لن أخوض في التفاصيل المحددة، هاها).

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

مصباح يدوي
(سيتم تحديده لاحقا، مرحبا بكم في الإضافة)
جافا؟
(سيتم تحديده لاحقا، مرحبا بكم في الإضافة)