WEB标准,Web前端开发工程师必备技术列表
想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:
通过许多实际项目,个人认为一个完备的前端产品开发团队,必须拥有如下的人才配备,也希望大家补充:
◎团队全体成员达到所有技能中的a级标准
◎团队全体成员必须掌握两项技能中的b级标准,并保证所有的b级标准在该团队中有50%以上成员能达到
◎团队全体成员必须掌握一项技能中的c级标准,并保证所有的c级标准在该团队中有25%以上成员能达到
具体技能描述:
【必备】UserInterface
◎PhotoShop/FireworksDesign
a-配合美工将草图形成具体的符合WebPage的设计
b-有快速制作分层高品质PSD、PNG的能力
c-能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
◎FlashDesign
a-基本动画效果
b-复杂的交互体系设计,了解第三方swf辅助设计软件
c-复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)
【必备】Browser-side(WebApplication)
◎XHTML/CSS
a-基本的layout实现
b-严格跨平台的layout实现以
c-优雅的HTMLcode,尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks,但 要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构,让JS开发人员在开发的时候认为" 一切都已经准备就绪了",而不是"捉襟见肘"。
◎JavaScript/Ajax/DOM
a-基本的DOM操作,了解AJAX,可以实现数据通信
b-基本的DOM操作,能写高效率的OOP代码,以降低维护成本
c-基于需求,进行不同的开发,选择合适的框架,做到代码效率最高,用户体验最好,代码下载量最小,并且可以在单独甚至更多产品线中最大限度重用代码
◎FlashDevelopement
a-基于Timeline的ActionScript操作,能实现简单交互
b-掌握a外,能实现数据层通信(与服务器以及本地SharedObject)
c-精通AS1-3,能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的,还是FlashPlayer9的,都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计,等等)。
【必备】Client-side(DesktopApplication)
◎Apollo
a-产品级的封装,基本技术了解(如何打包、如何加入HTML和JavaScript等)
b-掌握a的同时,能利用Apollo的API独立设计、开发OS的文件I/O功能。
c-掌握基本技能的同时,对"3D概念体系"有所认知。这里"3D"即:Design(设计)、Development(开发)、Deploy(产品部署)。能用Apollo
◎WindowsPresentationFoundation、WPF/E(Silverlight)
(待定,欢迎补充)
【增补】Server-side(修改:经考虑,这个技能不参与评级)
本来列举了"1、Server端简单的技术、脚本"和"2、MediaServer(Red5)接口"作为"Web前端工程师技能列表"的一种(服务 器、数据逻辑层技能的)评判标准。但似乎很多朋友对于前端工程师是否应该掌握Server端技能的必要性表示怀疑。确实,要掌握好上述的展现层技能不是意 见容易的事情,而且前端工程师的确非常辛苦。但是,站在另一方面来说,辛苦的原因是什么,我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经 验,前端的辛苦在于以下几个方面:
◎重复劳动多,大量的div+css都是重复的,即便可以复制粘贴,但几千行的div海洋中去寻找一个入口恐怕都非常痛苦
◎需求变更多,往往你折腾几个小时终于把跨平台问题解决好了,而且在IE6、7和Firefox下面都能显示同样的效果了,甚至连JavaScript交互都已经快搞定了。突然上面说需求要变。这无疑是莫大的痛苦。
也许表面上看,这跟Server端技能无关,但我觉得有好的Server端的意识,一定会有所帮助(当然不可能解决所有的问题)。毕竟信息结构和数据 库是密切相关的,而Server是连接数据库的唯一渠道(至少大多数B/S应用是如此)。掌握Server端的基本技能,对于同逻辑层开发人员设计接口是 非常重要的。而且HTML表现层在开发时与数据的分离,也与Server端的各种模板技术有关。例如PHP中的Smarty模板(我曾经用的)、jsp的 model2概念等等。HTML结构如何设计,如何让HTML重用,甚至在HTML层进行OOP的开发(我现在在新产品线中设计的前端开发流程),都需要 Server端的支持。最起码,你要告诉php程序员你需要什么。如果你完全对PHP一无所知的话,那也无从谈起了。
此外,对于创业团队,往往人手非常有限。为了让运营成本降到最低,所有的技术人员都有义务对Server端技术有所了解。如果为了修改一个网页的标题还要跑去喊PHP程序员连接RemoteServer的话,那实在是增加了整个公司的运营成本。
总结:我认为,可以不了解技术细节,但应该知道原理,最好能掌握一两套设计思想(毕竟数据逻辑都在这里走,光看HTML和JavaScript,对人的见识还是有局限的,这种局限限制了我自己很久的时间),那将是一比宝贵的财富。
【增补】Mobile-side(不参与评级)
看到很多朋友留言说前端工程师没前途,我在想,同时掌握移动设备的技能是否也是拓展前途的一个必要性?这里再多说几句,关于技术人员的前途,目前在国 内确实得用"惨淡"来形容。浮躁的氛围让技术人才往往过早放弃了自己的技术生涯,而尔虞我诈的整体道德水平也让单纯的技术人员痛不欲生(我身边太多了, 恩,不说具体细节了,呵呵)。
作为一个技术人员,开发人员,在保持纯粹地敬业心态(这是前提,这么没有,啥也别谈)外,更要学会如何保护自己,如何壮大自身,社会不会同情你,只有你自己才能保护你自己。
转自【
http://www.gzlinyi.cn/trackback.php?tbID=322&extra=1wxcqy6yaw】
分享到:
相关推荐
web前端开发工程师必备插件 SuperPreviewIE
我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下: 通过许多实际项目,个人认为一个完备的前端产品开发团队,必须拥有如下的人才配备,也希望大家补充: ◎团队全体成员达到所有技能中的a...
前端工程师-web前端开发必备工具推荐.docx
WEB前端开发,HTML,DIV+CSS,前端工程师必备资料
|- web前端培训班_web前端开发优质教程_前端工程师培训-黑马程序员.png |- HTML入门及基础02资料.zip |- HTML5入门及基础01资料.zip |- CSS3入门及提高 08资料.zip |- CSS3入门及提高 07资料.zip |- CSS3入门及提高 ...
Node.js 从零开发 web server博客项目 前端晋升全栈工程师必备项目笔记及源码
以工具栏形式提供一系列Web开发工具, 这是Web Developer官方为Chrome开发的版本,他们也为 Firefox、Opera开发了相应插件。包含招聘平台对前端工程师的要求,查漏补缺
高性能前端开发-Web性能测试工具推荐,很值得一看,前端工程师必备
前端工程师面试必备。是一整套标准的模拟题目。对面试很有帮助。一、 填空题(20分)二、选择题(20分)三、问答题(60分)
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备...
本系列课程第一季专注于WEB前端工程师必备技能H5、C3、JS、jQuery和拓展技能Node.js、AngularJS、MongoDB等技术的实战训练,囊括了前端程序员所必备的技能集合。 通过数十个配套案例讲解基础知识,通过两个实战项目...
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备...
背景介绍HTML5 与 CSS3 已经成为前端开发工程师的必备技能。本题提供了使用 HTML5 + CSS3 实现的单页面网站,因存在页面布局问题需要修复。准备
VSCodeUserSetup-x64-1.36.1.zip前端工程师必备IDE 微软出品 免费大餐
取色器 (WEB前端工程师必备工具) 取色器 绿色取色器 免费取色器 吸色器 非常方便,WEB前端工程师必备工具!
很多新入行的前端开发新手想提高前端技术,进阶必备技术栈绝对绕不开React这座大山,想深入学好一门框架的最好方式是读源码。市面. 上会react的前端-工程师数不胜数,如何让自己在茫茫人海中脱颖而出呢?如果 能在简历...
讲师有多个知名企业商业项目的成功经验,讲师将多年带领团队提供技术服务的知识提炼出初级前端开发工程师必备的知识点。课程提供了大量的案例和作业供学员掌握讲解的知识点,并在课时材料中提供扩展性阅读材料,帮助...
java安卓仿微信聊天软件源码 内容整理自 's repositories: 。 综合类 地址 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 cs
非常好用的屏幕取色软件 网页设计人员方便使用 能更好的取色、截图,是web前端开发工程师必备软件