Front-end的面试都考什么?

找front-end developer的工作,一般都有technical interview。比起码工的工作,考题的内容应该简单多了。下面简单讲一下我的面试经历。

公司A (web designer and front end dev,entry level):local小公司,没有电话面试,见HR谈了一下工作经验,见了creative director,然后直接拿到offer。

公司B(front end dev – junior level):local小公司,先见了creative director,互相了解。第二次去公司做测试题:给一个PSD文件写成网页,里面有一些要求必须符合,比如支持的浏览器,必须用image sprites,用jQuery显示、隐藏菜单,页面有一个jQuery的slideshow,可以自写code也可以用现成的plugin,等等。然后在公司角落的电脑前面做,不超过下班时间都可以。通过之后再见大老板,随便聊了聊,然后拿offer。

公司C(Web designer / Flash dev -junior level):local小公司,先见creative director,双方互相了解。第二次见大老板,再次互相了解。没有问技术问题,只问到以前的工作经验。

公司D(Front-end Dev – HTML/CSS – mid level):外地较大公司,先HR电话面试,简单介绍情况,问了几个概念性小问题。第二次是tech电话面试,js fiddle里面给出5道题目。都是比较简单的element定位,和hover改变属性问题。做完以后再问了一些概念问题(比如inline-block和block的区别,position都有哪些选项)。如果通过是onsite,就可以决定是否给offer。

公司E(Front-end Engineer, HTML/CSS/Javascript):中等公司,resume screening之后直接email给测试题。两个project选一个做,没有提交时间限制,但题目要求掌握在4小时之内完成(自己控制)。提交以后,如果通过,再安排电话tech面试。电面问了一些product design的问题(举一个你觉得设计得很好的产品,它有什么不足,你觉得如何可以改进,举一个你觉得设计得很差的产品,为什么,如何改进),一些概念问题(什么是box model,margin collapse是什么),然后做题。只有一道题目,给了一个problem,问为什么,如何解决。给出答案后,继续问还有什么其它的办法,直到得到所有想要的答案。

<< 返回所有文章

One thought on “Front-end的面试都考什么?”

  1. 后续,再继续写一下新鲜出炉的公司D onsite。

    HR先沟通好时间,然后定机票。提前一天的晚上飞过去,住一晚以后,第二天面试。不过面试时间挺奇怪的,从12点面到3点多,吃饭时间很别扭。

    整个面试分为几段:
    1. 跟HR见面,稍微介绍一下,tour一下公司。公司的地方很不好找,我去晚了,所以这一段就很简略了。

    2. 见两位developer。给一道很简单的题(一个页面上面有一个dropdown菜单一个按钮)现场做。做题的时候还会即兴提一些问题,比如为什么用这个不用那个,etc。两位面试人各有一个问题list,做完题以后一路问下来。最后可以提问,聊了聊公司的情况。两位对公司都赞不绝口,说了很多好话。总共用时一小时。

    3. 见另外两位developer,给了一道稍微复杂的题(一个页面上一个header三个column)。这个题目的考察点比较多,会考到pseudo class等等稍高级的知识点。三个column中间有竖线分割,要求竖线长度以内容最多的那个column为准。做不出会给提示,或者建议使用其它办法。因为做题时间较长,两人准备的问题不多。也是聊了聊公司情况。用时一小时。

    4. 见hiring manager。介绍一下自己的背景,工作情况,对方简单问了几个问题,然后是提问时间。一共用时半小时。

    最后HR再回来wrap up,继续了一开始没完成的tour,告知什么时候会出结果,并且允诺不管结果如何都会电话通知。

    第二天下班前HR约定后一天电话,电话中给offer。

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>