【必备】UserInterface
PhotoShop/Fireworks Design
配合美工将草图形成具体的符合WebPage的设计
有快速制作分层高品质PSD、PNG的能力
能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
Flash Design
基本动画效果
复杂的交互体系设计,了解第三方swf辅助设计软件
复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)
【必备】Browser-side (Web Application)
XHTML/CSS
基本的layout实现
严格跨平台的layout实现以
优雅的HTML code,尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks,但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构,让JS开发人员在开发的时候认为"一切都已经准备就绪了",而不是"捉襟见肘"。
JavaScript/Ajax/DOM
基本的DOM操作,了解AJAX,可以实现数据通信
基本的DOM操作,能写高效率的OOP代码,以降低维护成本
基于需求,进行不同的开发,选择合适的框架,做到代码效率最高,用户体验最好,代码下载量最小,并且可以在单独甚至更多产品线中最大限度重用代码
Flash Developement
基于Timeline的ActionScript操作,能实现简单交互
掌握a外,能实现数据层通信(与服务器以及本地SharedObject)
精通AS1-3,能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的,还是FlashPlayer9的,都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计,等等)。
【必备】Client-side (Desktop Application)
Apollo
产品级的封装,基本技术了解(如何打包、如何加入HTML和JavaScript等)
掌握a的同时,能利用Apollo的API独立设计、开发OS的文件I/O功能。
掌握基本技能的同时,对"3D概念体系"有所认知。这里"3D"即:Design(设计)、Development(开发)、Deploy(产品部署)。能用Apollo Windows Presentation Foundation、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程序员连接Remote Server的话,那实在是增加了整个公司的运营成本。
总结:我认为,可以不了解技术细节,但应该知道原理,最好能掌握一两套设计思想(毕竟数据逻辑都在这里走,光看HTML和JavaScript,对人的见识还是有局限的,这种局限限制了我自己很久的时间),那将是一比宝贵的财富。
【增补】Mobile-side
看到很多朋友留言说前端工程师没前途,我在想,同时掌握移动设备的技能是否也是拓展前途的一个必要性?这里再多说几句,关于技术人员的前途,目前在国内确实得用"惨淡"来形容。浮躁的氛围让技术人才往往过早放弃了自己的技术生涯,而尔虞我诈的整体道德水平也让单纯的技术人员痛不欲生(我身边太多了,恩,不说具体细节了,呵呵)。
作为一个技术人员,开发人员,在保持纯粹地敬业心态(这是前提,这么没有,啥也别谈)外,更要学会如何保护自己,如何壮大自身,社会不会同情你,只有你自己才能保护你自己。
分享到:
相关推荐
适合人群:不仅适合刚入门的设计师,也适用于经验丰富的专业人士。此资源无论是刚入门还是经验丰富的设计师,都有适合的模板用来借鉴和学习。 可以学到的知识:①Web设计方法,轻松搭建令人惊艳的网页。②各种类型的...
资源名称:Nodejs给前端...其中很多号称是Web开发者的人实际上并没有什么专业的前端技能,有些工作就是被当做简单的力气活由美术设计师顺便做做而已。当时很 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
社交媒体卡前端导师挑战我开始测试自己作为Web设计师/开发人员的技能
CSS属性兼容性对照表 PDF,主要是列出一些CSS2.0/CSS2.1在各个版本的IE、火狐等主流浏览器下的兼容支持问题,此表有助于以后书写出全兼容的WEB标准化网页打下基础,前端设计师们所必备的知识技能,对CSS初学者可以...
此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
ProjectVisBug 一个允许设计师直接在浏览器对 Web 页进行设计调整的 Chrome 扩展插件 「VisBug」 开源网页设计调试工具 指向、点击和修补 按住 shift 并多选 在任何状态下编辑任何页面 悬停检查样式、可访问性和对齐...
此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
) 在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将...
此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。...总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。...总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
根据设计师的模型图像开发网页 使用SQL查询和操作大型数据库 创建具有数据库和登录功能的多页Web应用程序 从应用程序编程接口(API)获取数据 将应用程序部署到Linux服务器 全栈Web开发人员纳米学位课程侧重于项目...
它由资深Web前端工程师撰写,以渐进增强的开发方式系统讲解了JavaScript的各项最新技术、开发技巧、最佳实践,以及编码风格,通过大量清晰易懂的范例和精心设计的练习题,让读者能迅速掌握JavaScript实践开发技能。...
SSM项目大学生心理健康测评管理系统小程序pf.zip是一个使用Java语言开发的Web应用,它采用了SSM(Spring Spring MVC MyBatis)框架,并结合了微信小程序前端技术。该系统旨在为高校学生提供一个心理健康评估和管理的...
:artist_palette: 设计师 :books: 学习ReactJS和NextJS 语言和工具 目前,我学习和运用我的知识来与NextJS一起在React JS中开发Web应用程序,我在仅使用HTML,CSS和JS进行开发方面拥有很多技能,但是我正尝试进入...
在您未来的工作环境中,您的团队可能会有设计师,移动开发人员,数据科学家,营销人员,项目经理,前端Web开发人员,后端Web开发人员-仅举几例! 为此做好充分的准备意味着在跨部门和跨职能的团队中共同努力,以...