اختبار مهارات HTML/CSS/Javascript عند التوظيف [مغلق]

Question

عند التعاقد مع مطور الواجهة الأمامية، ما هي المهارات والممارسات المحددة التي يجب عليك اختبارها؟ما هو المقياس الجيد لتقييم مهاراتهم في HTML وCSS وJavascript؟

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

وماذا عن مهارات جافا سكريبت؟ما مدى أهمية تجربة إطار العمل (jQuery، Prototype، إلخ).اليوم؟

من الواضح أن تفاصيل الوظيفة والمواقع التي سيعملون عليها هي أفضل مؤشر على المهارات المطلوبة.لكنني أتساءل ما هي المهارات المحددة التي قد يعتبرها الأشخاص بمثابة خرق للصفقات (أو صانعي) عند إنشاء اختبارات للمرشحين.

Answer 1

عند I مقابلة الناس لموقف المطور جانب العميل أحاول معرفة:

1) Understanding DOM (what is that, how is it related to HTML etc)
2) Understanding XML/namespaces
3) Understanding JavaScript (object-oriented? what otherwise)
4) Knowing approaches to componentization (XBL, HTC) - plus
5) Understanding OO principles
6) JavaScript closures
7) Memory leaks in browsers

ووالوحيدة حالة اختبار بسيط أعطي على الفور:

<script type="text/javascript">
var a = 1;
</script>

وأقترح الضيف إلى شرح من الناحية التقنية هذا الخط.

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

Answer 2

وأستطيع أن أقترح عليك اختبار على الانترنت، والتي تشمل HTML، CSS و JavaScript معا.

http://tests4geeks.com/test/html-css-javascript

وله 60 سؤالا (20 لكل مادة). وسوف تحصل على التقرير عبر البريد الإلكتروني، وعندما ينتهي المرشح الاختبار.

Answer 3

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

• هل يتم التحقق من صحة html وcss؟
• هل العرض التقديمي متسق عبر المتصفحات؟
• هل لدى المرشح أخطاء في JavaScript؟إذا فعلوا ذلك، فهل يسمح لهم الشخص بالوصول إلى طبقة العرض التقديمي أم أنه على الأقل يلتقطهم باستخدام كتلة المحاولة/الالتقاط؟
• فيما يتعلق بـ JS، ما مدى تقدم الشخص؟هل يمكنهم التحقق من صحة النموذج؟هل يمكنهم القيام بالتعبير العادي؟هل يعتمدون على MM_Preloader؟(ياك!)

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

• كيف ذهبوا نحو تطوير واجهة المستخدم؟
• ما نوع التخطيط الذي تم إدخاله في الموقع؟
• كيف تم الكشف عن/تحقيق توقعات المستخدم؟
• ما هو نوع التحديات أثناء البناء التي ظهرت؟

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

Answer 4

واسأل عن محفظة، ومن ثم مراجعته مع فريقك. أن يعتني اسئلة والأشخاص الذين "لا تتعامل مع المقابلات بشكل جيد".

وبخلاف ذلك، فما استقاموا لكم فاستقيموا تقديمها مع شيء بسيط نسبيا للسخرية صعودا وجهاز كمبيوتر محمول ويقول "لدينا في ذلك".

وربما نطلب منهم ما يحلو لهم أكثر حول تصميم المواقع الإلكترونية اليوم، وماذا يكرهون أكثر من غيرها. تسألهم عن آرائهم حول ما هو في الأفق (HTML 5، IE 8، والكروم، الخ) لمعرفة ما اذا كانت مواكبة ما يخرج.

واسألهم إذا كان لديهم إطار تفعيل جافا المفضل ولماذا. ربما يكون لهم كود شيء في JS على غرار ل[في] الشهيرة مشكلة أز الطنانة.

Answer 5

وفي الشركة التي أعمل بها لم نعمل مع الاختبارات ومحفظة هو أكثر أهمية، وخاصة لأننا نميل إلى النظر في الدوافع الشخصية للمرشح والعاطفة للقيام تطوير الواجهة الأمامية.

ولكن إذا كان ينبغي إعطاء المرشح اختبار قبل التعاقد، وأود أن تذهب عنه بهذه الطريقة:

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

وبعد ذلك ينزل إلى نهج يأخذ المرشح.

واختيار أفضل العلامات المتاحة لكل قسم أتش تي أم أل معين واحد (مهم) الجانب، ولكن يمكن أن يتقن مع أشخاص من ذوي الخبرة في جميع أنحاء لتوجيه الموظف الجديد. أن تكون قادرة على كسر صحيح أسفل التصميم في مكوناته الدلالية، وتحديد الأقسام وفصل المحتوى الأساسي والثانوي من التنقل ليس الرياضيات أو العلوم، وبالتالي من الصعب اختبار. ولكن الحديث عن اقتراب كسر صفحة قد فصل الناس من ذوي الخبرة من المبتدئين.

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

Answer 6

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

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

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

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

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

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

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

Answer 7

وفهم كيف هي المتصفحات المختلفة هو أيضا المفتاح. خصوصا IE. إذا كان لديهم مشفرة فقط من أي وقت مضى لIE حذار! فيكا العكس أيضا، إذا كانوا قد لم تختبر الاشياء في IE6 / 7 لديهم أي فكرة عن كيفية فظيعة قد فشلت.

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

Answer 8

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

وثم أسأل كيف تحقق مدوناتها، الذي هو دائما مثيرة للاهتمام.

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

وعلى سبيل المثال، ويقول لك <م> "تخبرنا عن وظيفة حيث كنت على موعد نهائي صارم" أو تقول <م> "تخبرنا عن مشكلة محبطة حقا وكيف تغلبت عليه" أو <م> "في عمل قمت به مؤخرا، ما هو الشيء الذي كنت أكبر مصدر للفخر؟"

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

Answer 9

وشكرا لجميع الأجوبة التي كنت حتى الآن. انهم بالتأكيد الموعظة الحسنة. أنا لست مستعدا للاحتفال واحد كما يقبل على الرغم من. ما كنت حقا تبحث عن وكانت المهام الملموسة التي تحتاج إلى المطورين الأمامية لتكون قادرة على إنتاج في بيئة اختبار. وبعبارة أخرى، ما هو FizzBuzz لCSS؟

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

وJonathanHolland - أنا أميل إلى اختلف. بالتأكيد المستفادة HTML / CSS بسهولة، ولكن المعرفة المكتسبة من عدد قليل من الدروس سريعة لا يعد شيئا بالمقارنة لشخص قضى سنوات في أداء التخطيط. هناك الكثير من التقنيات والممارسات التي من ديف CSS جيد يمكن أن يجلب الى طاولة المفاوضات.

وroenving - ربما كنت زائدة عن الحاجة. من قبل "، المغلق نقية"، قصدته الجدول أقل. أنا أيضا يعني الجدول أقل في الشعور بعدم استخدام الجداول كمنهجية التخطيط. ومع ذلك، هذه ليست مسألة لمناقشة تخطيط شعبة-مقابل-الجدول. محاولة هنا . على الرغم من أنني أعتقد أن معظم أرباب العمل في هذه الأيام هي على وشك أن يسأل إذا كان ديف يمكن القيام به تخطيط بدون استخدام الجداول (كمنهجية).

Answer 10

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

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

تم طرح بعض الأسئلة علينا حول DOM، وتوجيه الكائنات، وعمليات الإغلاق، ومساحات أسماء XML، وتصميم الويب العام، ثم تم نقلنا إلى مكتب هادئ يتمتع بإطلالة جميلة عبر النهر المجاور وطلب منا كتابة بعض الأمثلة لإظهار قدرتنا .لقد تُركنا بمفردنا، ولكن قيل لنا أنه سيتم عرض الكود المصدري وسجل المتصفح الخاص بنا بعد ذلك، إذا كنا بحاجة إلى استخدام المتصفح.لقد طلب منا إنشاء شبكة داخلية للشركة باستخدام ما يلي:

• تخطيط بسيط من ثلاثة أعمدة
• جدول ذو مظهر جيد باستخدام CSS
• شريط تنقل صالح للاستخدام ولكن ذو مظهر جيد.
• التحميل الديناميكي باستخدام XML وJavaScript

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

Answer 11

"

ومن الواضح أن الجدول أقل HTML الدلالات وتخطيط CSS النقي هي على الأرجح المهارات الأساسية.

"

وأنا لا أفهم هذه الجملة ...

هل حقا يعني أنه من الأفضل أن تفعل ما هي مهمة بسيطة باستخدام الجداول بطريقة معقدة فقط لتجنب استخدام الجداول -)

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

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

استخدم أتش تي أم أل العنصر الذي easyist يكمل المهمة، بغض النظر عن أي tagnames أنه يستخدم! -)

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

Answer 12

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

Answer 13

وأود أن لا تضع الكثير من وزنه على ذلك، كما HTML المناسبة / CSS بسيط بحيث يمكن لأي شخص تعلم أنه في غضون أسبوع.

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