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

[أساسي] يتعاون UserInterface

PhotoShop/Fireworks Design

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

لتصميم Flash

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

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

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

JavaScript/Ajax/DOM

. فهم AJAX، ويمكنك تنفيذ عمليات DOM الأساسية لاتصالات البيانات، وتكون قادرًا على كتابة كود OOP فعال لتقليل تكاليف الصيانة، وتنفيذ تطويرات مختلفة، واختيار الأطر المناسبة، و

تحقيق

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

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

Apollo

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

، والفهم الفني الأساسي (كيفية التعبئة، وكيفية إضافة 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 وجافا سكريبت) ، لا تزال هناك قيود على معرفة الناس. هذا القيد قد حد من وقتي لفترة طويلة)، وهذا سيكون ثروة أغلى.

[ملحق] جانب الهاتف المحمول (لم أشارك في التقييم)

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

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

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