WEB前端技术之路.doc

WEB前端技术之路(一) 知识架构
2010-01-07 03:10 .
前言:
“滚滚长江东逝水,浪花淘尽英雄;是非成败转头空,古今多少事,都付笑谈中。”
我的前端技术之路,恍惚间,已走了近七年,一路走来,在很多朋友、同事的鼓励下,想彻底、系统的将自己的感悟分享出来。还是那句老话,路是自己走出来的,不是别人指出来的,我在这里无论说些什么,都是个参考,具体情况还需具体分析,要自己拿捏得当。
首先,我觉得但凡成功的人,大抵都是饱含激情的人,在做技术和科研领域过犹不及。从我的经历和身边的人看开去,我觉得有两种情况,要么你热爱前端技术,要么你不是非常热爱前端技术,但需要前端技术来糊口。这两种情况有着本质的不同,对于热爱前端技术,你更加需要的是了解前端技术的知识架构,按照知识架构结合自身情况和工作情况,制定学习计划并充分贯彻和执行。对于并不非常热爱前端技术,又需要前端技术来糊口,我只有一个建议:
爱上前端技术,先!
其次,对于技术学习的宏观角度来看,可以分成单一技术和复合技术两种,如果国内的IT技术就业市场和国外一样成熟,单一技术会在职业发展道路上处于前置,复合技术会成为向更高层次发展的必由之路。由于国内的实际情况,更多时候是需要有复合技术才能糊口,在企业里发展的好点儿了,就转向某个领域,做单一技术来想更高层次发展。其实,我们可以简单实用国外的JobSearcher对比国内的ChinaHR,就能发现,国内招聘专职开发Flash、ActionScript、Silverlight、JavaScript……的单一技术岗位很少,而国外却很多,甚至几乎不会直接招聘“WEB前端开发”,复合技术在国外多被招聘为“架构师”。
最后,知识架构很重要。学习并掌握一类知识技能,无论是单一技术还是复合技术,她们都有自己的知识架构。我个人理解,如果把技术学习当作是一次旅程,知识架构就是这次旅程的路线图。我们在旅行之前,通常会给自己规划一条旅行路线:
When?Where?Whow?Do what?See what?What is your objective?
WEB前端技术知识架构:
“Smilin`in The End, FindYour Own Way Home”---REO Speedwagon

这只是W3C一场演讲(0910how-fast)PPT里阐述的WEB技术Architecture,这里头纷繁复杂的技术并非WEB前端技术的全貌,充其量算是前端技术的基础。但是,就算是基础,也已经足以诠释WEB前端技术的复杂性了,如果我们一头扎进这纷繁复杂的技术海洋中去,离上岸将是遥遥无期。我个人的建议是:
关键知识深度掌握!
首先,要了解基于TCP的HTTP协议,HTTP协议才是承载WEB前端技术的根基,只有了解了HTTP协议的实现细节,才能在未来开展WEB前端技术学习、工作的时候更加得心应手。针对HTTP协议,可以先看《TCP-IP详解卷三:TCP事务协议,HTTP,NNTP和UNIX域协议》第13章HTTP:超文本传送协议 129~141页。其次,可以看tocols/rfc2616/《Hypertext Transfer Protocol -- HTTP/》。
其次,要掌握HTML的语法和Tag的细节,这些是我们未来构建WEB前端应用的载体。在这部分学习中,网上相关文章和技术资料很多,我也就不特别推荐什么了,但是,有一点需要注意,不要直接陷入对技巧的学习,就是不要直接从网上摘抄、复用一些别人的代码,更多自己动手才是提升的捷径。其次是理解,对于HTML很多人都觉得自己是大牛,但是,你问他HTML一共有多少标记是W3C规范的、多少是FF的、多少是IE的?估计多半儿答不上来,这里我们要掌握的知识点就是,回答这些问题。这里就像是小时候搭积木,你掌握的越多,手里的积木越多,能够搭出的东西就越多,所以,耐心的花点儿时间去学习是有必要的。
接着,需要掌握CSS。,内容和表现的分离让我们极大提高了工作效率,这些提升都得益于层叠样式表(Cascading Style Sheets)。CSS在我看来就是格式描述语言,用来描述HTML元素的格式,通知浏览器各种HTML元素应该如何被渲染。需要掌握的知识点主要有:CSS语法、类和样式定义之间的关系、IE纵向兼容、IE和WebKit内核横向兼容、CSS文件规划、CSS文件分割、CSS文件加载。
然后,要掌握DHTML、JavaScript、DOM。随着WEB前端技术的发展革新,UI交互越来越丰富、动态、平滑、易用,这些都得益于DHTML、JavaScript和DOM等技术