‘前端开发’ 分类的存档

从gmail开始,前端总结出了ajax的概念,也让前端开发工程师们得到了更多的重视,前端技能是一个很庞大的体系,W3C标准,Dom结构,Css样式,Javascript编程 ……

没有评论一个在线JS代码调试器:jsfiddle

2010年3月10日

从朋友的blog发现一个好玩的:)
一个在线编译代码的调试器,很强大支持自己添加框架,目前内置的框架有的:MOOTOOLSJQUERYPROTOTYPEYUI GLOWVAILLA.此调试器界面比较清晰,HTML、CSS、JS、显示结果都分别排列在一起,随时可以看到调试的结果,选择某种框架后就可以直 接在JS的输入框里输入对应的代码,点运行后在结果框里就能立即看到效果,此外它还支持IFRAME的站外引用,如果想给你的博客添加一个便捷的在线脚本 或者页面调试器,那这一款Web playground肯定十分适合你。

jsfiddle

尝试一下?http://jsfiddle.net/

外部调用演示:

1 条评论Nicholas C. Zakas如何面试前端工程师

2010年3月8日

Original Post:Interviewing the front-end engineer
Nicholas C. Zakas,2010年1月5日
翻译完成:2010年1月7日,最后更新:2010年1月10日

面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司,之所以在如何招聘到真正有能力的 前端工程师方面会遇到同样的问题,就是因为负责招聘的那些人不知道自己公司需要什么样的人,结果问问题时也问不到点子上。经过这几年在行业里的摸索,我总 结出了自己的一套很有效的面试前端工程的方法。

有的应聘者说我不好对付,但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付,主要是因为我问他们问题时问得太细了。以前我曾专门写过一些东西,告诉应聘者怎么才能通过我的面试以及怎样才能成为优秀的前端工程师应该具备什么样的素质,而我的面试可以说完全是按照那两篇文章的标准进行的。我不会问一些特别偏门的问题,也不认为出几道逻辑题就能考出人的真实水平。我唯一的想法就是确定你能否胜任我们要招的这个职位。为此,我需要简单地考察如下几个方面。

基本知识

我们生活在互联网时代,你想知道的任何事情几乎都能在15分钟内找到相关信息。可是,能找到信息并不等于你会使用它。我认为所有前端工程师至少都应 该掌握某些基本的知识,才能有效地完成自己的工作。如果一遇到问题,就停下工作上网四处搜索解决方案,怎么可能保证按期完成工作呢?听听,还有谁在说“我 不知道,但我可以上网搜到。”请这些同学把手举起来,让大家认识一下(immediately raises a flag for me.)。下面我列出一些基本的知识点,这些都是我认为一名前端工程师(无论工作年头长短)在没有任何外来帮助的情况下就应该知道的。

  • DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
  • DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
  • 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
  • XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
  • 严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
  • 盒模型——外边距、内边距和边框之间的关系,IE < 8中的盒模型有什么不同。
  • 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
  • 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
  • HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。
  • JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。

重申一下,上述这些知识点都应该是你“想都不用想”就知道的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到,但我觉得你至少应该掌握这些,才有可能跟我坐到一间办公室里来。

少量提问
阅读全文…

没有评论2010年3月 – WEB标准化交流会 -腾飞吧前端们

2010年3月6日

继1月交流会 后的2010年第一期 话题很感兴趣 正好被相关问题烦恼着

腾飞吧 前端们

本期新增深圳站的交流!

  • 话题:前 端开发在研发流程中与其他岗位协作效率的提升
    1. 研发流程
    2. 协同规范
    3. 有效沟通

    有 想法?去讨论

  • 时间:2010-3-27 14:00-18:00
  • 报名时间:2010-3-1 至 2010-3-21 交流会邀请会在3-23日统一发出,请留意您的邮件。
  • 地点:
    • 北京:海淀区中关村腾讯北京
    • 上海:携程旅行网 上海市长宁区福泉路99号[地铁2号线淞虹路终点站5号口出]
    • 广州:天河区天河路208号粤海天河城大厦39楼新浪公司
    • 深圳:深圳市南山区高新南一道飞亚达大厦508室

W3Ctech-交流会 官方网站 http://www.w3ctech.com/

3 条评论分享:建议“前端开发”人员掌握的技术

2010年3月2日
建议“前端开发”人员掌 握的技术
必备技能 XHTML

CSS

高级应用 Photoshop

JavaScript

拓展技能 Ajax+UE+SEO+PHP+Mysql
文章摘要 前几天有一个网友留言,提到他正在阅读 “Javascript,CSS,XHTML,Ajax,jQuery” 等等一系列书籍。回想我上学的时候,也是看了很多东西,最终却没有用上,所以,在此写写自己学前端的一些感想。

前端这一行,入门并不困难,掌握XHTML+CSS之后,基本上就可以找到一份工作。
其他的东西,我们可以入职后再慢慢学习。

  1. 那怎么才算掌握?掌握到什么程度?
    检验自己水平的最好方式就是实战!学代码,就要边学边做。
    这是最基本的东西,一定要把基础打扎实。
  2. 做什么内容?
    我们既然是做前端的,为什么不用标准化的语言来写自己的简历?同样出去找工作,递一份doc的简历好使,还是递一个通过W3C验证的页面更有说服力?实在 不知道拿什么东西练手,甚至可以去重构yahoo的网站,看看他们怎么写的,再对比一下自己的代码。琢磨琢磨他们为什么那么写,有什么优点,有什么缺陷。

之后呢?

  1. 掌握JS
    进了公司门,从第一天开始,就要学习JavaScript, 玩到精。JS也是前端必备的技能之一。之所以把它列出去,是让初学者有一个渐进的步骤。同时学太多东西,难以消化,这样分开一步一步的玩精通,压力会小一 些。学完这个,基本上就可以称为一个前端工程师了,对将来的工作非常有帮助。
  2. 选择性掌握PS
    Photoshop也是一定要学的,学到什么程度可以根据你自己的需求来定。如果将来想自己做单子,那PS就要玩的很地道。如果将来靠前端吃饭,去大公司 是不需要前端开发做设计稿的,会分层切图就可以了。当然,如果PS玩的很好,是不错的事情。

最后谈一下拓展技能

  1. Ajax、jQuery
    这些绚烂的名词,等你工作1-2年,JavaScript玩的烂熟于心的时候,自然会接触到。把他们列为拓展技能,是因为目前中小型企业的网站上应用这些 还不是很多,甚至应用JS的都不是很多。做到前边几项基本上就可以找到一份工作,再掌握这些,自然是画龙点睛之笔。但我的建议是,不妨先看一下下面几个技 能,我个人感觉,更有价值。
  2. PHP+Mysql或者ASP或者JSP或者….
    职业的特殊性决定了我们需要跟后端工作者频繁的沟通,掌握这方面的一些知识有利于更有效的交流问题。提升前端在整个团队中的形象,进而提升自己的待遇。另 外,学好这部分东西,有企业找你做网站的时候,你可以拿的更稳妥。至于学PHP还是学JSP,根据自己的爱好来定,我个人比较喜欢 PHP,wordpress是很好玩的东西。
  3. SEO+UE(用户体验)
    用户体验是王道,而SEO是吸引用户的王道。我投入了很大的精力在这一领域,所阅读的书籍甚至比前端的书籍还要多。当然,我也一直认为UE就是前端开发不 可缺失的一部分。玩好这一点,往上,可以晋升到产品经理、部门经理的位置;往下,可以博得自己客户的满意。况且这东西并不难学,多留神观察生活就是了。何 乐而不为?

做好一个前端开发工程师,并不是我们最终的目的,前端是一个一专多长的职业,为什么不放大一下自己所学的知识,去做更有意义的工作?掌握了这些方方 面面的技能之后,就已经具备了独立运营网站的技术实力。希望大家能更灵活的运用自己所拥有的能力,做更绚丽的作品,仅以此文共勉。

本文转自:崔凯的blog http://uicss.cn/front-end-developer-needed-technical/

3 条评论在分享一个Javascript测试题

2010年2月23日

http://adamlu.googlecode.com/svn/trunk/js_quiz.html

继上次受挫折之后 又看了看相关js测试题

找到这个

再次分享一下