web前端开发浅析
原文地址:http://www.cnblogs.com/babyzone2004/articles/1807381.html
摘 要:前端开发作为一项新的领域,经历的时间随然较短,却显示了强大的生命里,在web2.0时代,扮演着极其重要的角色,它是RIA时代的幕后推手,同时,也是数字媒体技术的应用之一。
关键词:数字媒体技术;web开发;前端开发,网页重构
什么是前端技术
前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe RIA、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等。
它涵盖的领域包括可用性工程,交互设计,软件工程等。根据该词可以做这样的理解,用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.
Web前端开发的职责是什么
Web前端开发有很多的职位,根据淘宝,腾讯等公司的职责分工,主要有一下两大方向:web前端开发,网页重构:
网页重构工程师(或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”),这样的一个职位的主要职责是与交互设计师、 视觉设计师协作,根据设计图用HTML和CSS完成页面制作。同时,在此基础之上,对完成的页面进行维护和对网站前端性能做相应的优化。一般对网页重构工程师都有如下的要求,熟悉PS,对SEO搜索引擎优化有所了解,因此,作为一个网页重构工程师,必须懂得比一般软件开发人员更多的技术。
Web前端开发则更偏重与软件开发,根据网站的可用性分析,和用户反馈改进网站的前端优化。利用javascript,flash actionscript3.0结合html+css技术开发出用户体验更好的网站页面。例如腾讯QQ空间的图片浏览功能,就是前端开发工程师开发的功能之一,还有各种信息网站的幻灯片效果,ajax技术等。Web前端开发会设计到前端的架构设计,跟底层的数据传输等,所以有志于这个方向发展的同学,编程能力一定要过关,同事对网站后台语言也要有一定的了解。
当前,前端开发的技术更新速度非常快,因此要求从业人员必须及时了解前端开发的最新技术,了解前端世界的发展动向,否则很容易就陷入过时技术无用武之地的局面。
Web前端开发历史
在web发展初期,HTML技术只能展示简单的页面,维护和更新也相当麻烦,css2.0所描述的信息结构能帮助设计师分离出表现和内容,使站点的构建和维护更加容易。因此以CSS+DIV为主要技术的页面重构技术开始崭露头角。同时促进了前端开发领域的发展。
前端开发早在web标准出现的时候就初见端倪,但真正有较大的发展则在javascript逐渐为web前端开发的成熟语言后。随着web2.0的深入人心和各种相应产品:视频网站,SNS,网页游戏,博客,微薄等陆续出现,人们对网页的各种需求不断增大,要求也越来越苛刻,javascript被委以重任,以javascript为标志的的web前端开发逐渐进入加速发展的轨道。
Web前端开发现状
到目前为止,web前端开发正处于发展的高峰期。由于各互联网公司都注意到站点的可用性问题,为了加强其产品的用户体验,吸引用户,各种以“用户体验”的团队开始如雨后春笋般出现,只要稍稍留意一下,你就会发现,几乎每个大的互联网公司,都有属于自己的互联网团队,例如:淘宝网的“淘宝UED”,百度旗下的“百度UFO”,腾讯的“ISD”和“CDC”等等。这些团队性质大都相似,以提高用户体验为第一目标。例如百度UFO的对本身团队的定位:
“我们始终坚持以用户为核心,将提升产品体验做为终极目标。我们秉承“减法设计、从简出发”的理念,完成百度WEB产品的视觉、交互设计、前端开发,用户研究、内容优化等工作。我们提供基于研究、设计与前端技术的一体化解决方案,使产品更加友好、易用,以进一步提升产品影响力和品牌满意度。我们希望通过UFO泛用户体验平台更好的与同行交流,一同探讨,从而推动行业发展。”
而职位分类也和类似:网页设计师,前端开发工程师,用户体验分析师,交互设计师等。主要集中于,设计,可用性,前端开发。前端开发是UED团队的唯一偏重软件开发的职位, 要求也日趋增多,技能要求主要有:
-精通JavaScript、Ajax等Web开发技术
- 精通HTML/XHTML、CSS等网页制作技术,熟悉页面架构和布局
-对算法、数据结构以及后台开发(C/C++/PHP/Java等)有一定了解
- 熟悉W3C标准,对表现与数据分离、Web语义化等有深刻理解
而不同地方对对前端开发的职位的需求,也有明显的地域差异,到目前为止(截至2010年8月),对前端开发的人才需求主要集中在杭州,北京,上海等地区,南方地区相对较少。只有腾讯等较大的互联网企业对此有需求,虽然网易的总部在广州,但是前端开发等相关职位也只是集中在杭州的研究院招聘,这种现状的形成有各种因素,可能在短时间内也难以解决,作为广州的前端开发者们,需要将眼睛放到整个中华地区,这样才能找到更理想的工作岗位。
至于薪酬,WEB前端开发(http://www.css88.com),曾在2009-8-19 10:30:00做过一次调查,曾有1778人参与调查,其薪酬情况如下:

其平均值大概在4000-5000元之间。
百度UFO团队前端开发职责分析
一般的中小型互联网公司,前端开发工程师的主要职责大多集中与页面重构,简单的或者单个的JS功能实现,大中型的互联网公司,如百度等,则专注于百度各产品线Web端功能设计、开发和实现,百度各产品线易用性改进和Web界面技术优化 ,Web前沿技术研究和新技术调研。Web端功能设计和开发,很大程度上是围绕JS的开发进行,而这种优化和研究,如果没有对JS深厚的技术功底,是很难进行底层开发的,不是简单地以来jquery来实现各种效果,而是针对易用性改造而进行的有目标地底层功能开发。Web前沿技术研究和新技术调研则要求开发这对前段开发技术的新技术有着敏锐的洞察力,能迅速判断那种技术将会成为将来的主流,并且不断了解国内外的最新动态。
前端开发体会
前端开发是一个较新的职业,它是在web2.0的热潮下成熟起来的,要求开发者掌握较综合的技能,除了必要的软件开发技术,还要对可用性有一定的了解,而又对设计有一定要求,因此,对与数字媒体技术专业的学生来说,有着天然的优势,是最适合不过的职位之一。
但是对于数字媒体技术专业的学生,如果要在未来的就业中掌握主动权,单靠专业优势是远远不够的,还需要有深厚的技术功力,例如HTML+CSS技术,是必须要完全掌握精通的,javscript更是要不断深耕细作,在专业达到一定的深度后,才有能力在应聘中游刃有余,所向披靡。
同时,在学习研究的过程中,要不断增加自己的项目经验,为自己增加筹码,由于前端开发行业的特殊性,数字媒体技术的学生在大二就可以开始在社会中寻找工作经验了,一些学校项目,工作室项目,社会兼职实习等,都是这些经验的重要来源。前端开发是需要在不断实践中学习的,只有一定的项目经验,才能在学习中得以扩展深入,否则很多单纯意义上的学习更像纸上谈兵,没有意义。
Web前端开发的未来
在不久的将来,前端开发的技术将会经历一场变革,以CSS3.0和HTML5为新技术力量会成为前端开发的中坚。即使以后,在前端开发领域,技术也不会停滞,即使HTML5成为现实,也会有更新的技术出现,丰富互联网的世界,因此我们必须保持对最新技术的关注。
目前,前端开发技术刚刚走向成熟,在未来的几年里,相信其人才需求量还会进一步增长,但是任何需求都有饱和的时候,对人才需求饱和也是前端开发真正成熟的标志,在未来,前端开发者们会有更广阔的发展空间,更大的挑战,更高的舞台等我们去展示实力。
参考资料:《CSS网站布局实录》 百度百科 web前端开发论坛
《web前端开发浅析》BY 橡树小屋 FROM http://www.cnblogs.com/babyzone2004/
web前端开发浅析的更多相关文章
- [转] Web前端开发工程师常用技术网站整理
1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...
- Web前端开发工程师常用技术网站整理
1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...
- web前端开发分享-目录
1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十二】
2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...
- 用grunt搭建web前端开发环境
1.前言 本文章旨在讲解grunt入门,以及讲解grunt最常用的几个插件的使用. 2.安装node.js Grunt和所有grunt插件都是基于nodejs来运行的,如果你的电脑上没有nodejs, ...
- 4. web前端开发分享-css,js工具篇
web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io, ...
- web前端开发学习内容
应该 具备的 知识技能 :懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准 代码能 兼容主流浏览器.ie6.7.8.9 ff 等. ...
- Web前端开发工程师养成计划【转载】
Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国 ...
- Web前端开发大系概览 (前端开发技术栈)
前言 互联网建立50多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最终还是HTML+JavaScript+CSS这3个核心,围绕这3个核心而开发出来大量技术框架/解决方案. 我从2000 ...
随机推荐
- hdu1159 dp(最长公共子序列)
题意:给两个字符串,求这两个字符串的最长公共子序列的长度 因为之前集训的时候做过,所以现在即使会做也并不是什么稀奇的事,依旧为了自己的浅薄感到羞愧啊``` 解法就是通过两个字符串的每个字符互相比较,根 ...
- python 字符串,列表,元组,字典相互转换
1.字典 dict = {'name': 'Zara', 'age': 7, 'class': 'First'} 字典转为字符串,返回:<type 'str'> {'age': 7, 'n ...
- 【BZOJ3238】【AHOI2013】差异
sam好,好写好调好ac! 原题: 图片题面好评 2<=N<=500000 在syq大神的指点下终于理解一道后缀自动姬了quq (其实是因为这道题的dp主要是在后缀树(就是拓扑序)上搞树形 ...
- 试用 openresty/lua-resty-shell
openresty/lua-resty-shell 是当前最新rc 版本内置的shell 功能,我们可以用来执行一个脚本,以及命令 还是比较方便的. 测试集成了一个oreilly电子书下载的功能 环境 ...
- Mosaic 前端微服务框架
Mosaic 是一系列的服务.库,集成在一起,定义了组件如何彼此交互,可以用来支持大规模的web 站点开发 一张架构图 说明 尽管上图中的一些组件已经迭代演化了(skipper 的route 配置,上 ...
- C# to IL 4 Keywords and Operators(关键字和操作符)
Code that is placed after the return statement never gets executed. In the first programgiven below, ...
- oracle 之 CLUSTER_INTERCONNECTS is not set to the recommended value
问题:Database parameter CLUSTER_INTERCONNECTS is not set to the recommended value 在Oracle实际应用程序集群环境中可以 ...
- gitlab 可以上传代码,但是 不能 上传 tag 问题
原因是 puttygen 生成的 公私钥不能用, 换 git 私钥后 ( 默认不能导入到 pageant ),再用 puttygen 转一次就可以了.
- Centos 7 Saltstack 集群
一. Saltstack 双master master1 -------------------master2 | minion master1 1.yum -y install salt-mas ...
- Spring Cloud Eureka Server使用(注册中心)
一.Spring Cloud Eureka 基于Netflix Eureka做了二次封装 由两个组件组成 Eureka Server 注册中心, 供服务注册的服务器 Eureka Client 服务注 ...