前端開(kāi)發(fā)淺析

1、WEB前端開(kāi)發(fā)淺析什么是前端技術(shù)前端技術(shù)包括JavaScript、ActionScript、CSS、xHTML等“傳統(tǒng)”技術(shù)與Adobe RIA、Google Gears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺(jué)設(shè)計(jì)等等。它涵蓋的領(lǐng)域包括可用性工程，交互設(shè)計(jì)，軟件工程等。根據(jù)該詞可以做這樣的理解,用互聯(lián)網(wǎng)來(lái)做比喻,凡是通過(guò)瀏覽器到用戶(hù)端計(jì)算機(jī)的統(tǒng)稱(chēng)為前端技術(shù).相反存貯于服務(wù)器端的統(tǒng)稱(chēng)為后端技術(shù).Web前端開(kāi)發(fā)的職責(zé)是什么Web前端開(kāi)發(fā)有很多的職位，根據(jù)淘寶，騰訊等公司的職責(zé)分工，主要有一下兩大方向：web前端開(kāi)發(fā)，網(wǎng)頁(yè)重構(gòu)：網(wǎng)頁(yè)重構(gòu)工程師（或者說(shuō)“網(wǎng)頁(yè)制作”、“網(wǎng)頁(yè)制作工程師”、“前端制作

2、工程師”、“網(wǎng)站重構(gòu)工程師”），這樣的一個(gè)職位的主要職責(zé)是與交互設(shè)計(jì)師、 視覺(jué)設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面制作。同時(shí)，在此基礎(chǔ)之上，對(duì)完成的頁(yè)面進(jìn)行維護(hù)和對(duì)網(wǎng)站前端性能做相應(yīng)的優(yōu)化。一般對(duì)網(wǎng)頁(yè)重構(gòu)工程師都有如下的要求，熟悉PS，對(duì)SEO搜索引擎優(yōu)化有所了解，因此，作為一個(gè)網(wǎng)頁(yè)重構(gòu)工程師，必須懂得比一般軟件開(kāi)發(fā)人員更多的技術(shù)。Web前端開(kāi)發(fā)則更偏重與軟件開(kāi)發(fā)，根據(jù)網(wǎng)站的可用性分析，和用戶(hù)反饋改進(jìn)網(wǎng)站的前端優(yōu)化。利用javascript，flash actionscript3.0結(jié)合html+css技術(shù)開(kāi)發(fā)出用戶(hù)體驗(yàn)更好的網(wǎng)站頁(yè)面。例如騰訊QQ空間的圖片瀏覽功能，就是前端開(kāi)發(fā)工

3、程師開(kāi)發(fā)的功能之一，還有各種信息網(wǎng)站的幻燈片效果，ajax技術(shù)等。Web前端開(kāi)發(fā)會(huì)設(shè)計(jì)到前端的架構(gòu)設(shè)計(jì)，跟底層的數(shù)據(jù)傳輸?shù)?，所以有志于這個(gè)方向發(fā)展的同學(xué)，編程能力一定要過(guò)關(guān)，同事對(duì)網(wǎng)站后臺(tái)語(yǔ)言也要有一定的了解。當(dāng)前，前端開(kāi)發(fā)的技術(shù)更新速度非常快，因此要求從業(yè)人員必須及時(shí)了解前端開(kāi)發(fā)的最新技術(shù)，了解前端世界的發(fā)展動(dòng)向，否則很容易就陷入過(guò)時(shí)技術(shù)無(wú)用武之地的局面。Web前端開(kāi)發(fā)歷史在web發(fā)展初期，HTML技術(shù)只能展示簡(jiǎn)單的頁(yè)面，維護(hù)和更新也相當(dāng)麻煩，css2.0所描述的信息結(jié)構(gòu)能幫助設(shè)計(jì)師分離出表現(xiàn)和內(nèi)容，使站點(diǎn)的構(gòu)建和維護(hù)更加容易。因此以CSS+DIV為主要技術(shù)的頁(yè)面重構(gòu)技術(shù)開(kāi)始嶄露頭角。同時(shí)促

4、進(jìn)了前端開(kāi)發(fā)領(lǐng)域的發(fā)展。前端開(kāi)發(fā)早在web標(biāo)準(zhǔn)出現(xiàn)的時(shí)候就初見(jiàn)端倪，但真正有較大的發(fā)展則在javascript逐漸為web前端開(kāi)發(fā)的成熟語(yǔ)言后。隨著web2.0的深入人心和各種相應(yīng)產(chǎn)品：視頻網(wǎng)站，SNS，網(wǎng)頁(yè)游戲，博客，微薄等陸續(xù)出現(xiàn)，人們對(duì)網(wǎng)頁(yè)的各種需求不斷增大，要求也越來(lái)越苛刻，javascript被委以重任，以javascript為標(biāo)志的的web前端開(kāi)發(fā)逐漸進(jìn)入加速發(fā)展的軌道。Web前端開(kāi)發(fā)現(xiàn)狀到目前為止，web前端開(kāi)發(fā)正處于發(fā)展的高峰期。由于各互聯(lián)網(wǎng)公司都注意到站點(diǎn)的可用性問(wèn)題，為了加強(qiáng)其產(chǎn)品的用戶(hù)體驗(yàn)，吸引用戶(hù)，各種以“用戶(hù)體驗(yàn)”的團(tuán)隊(duì)開(kāi)始如雨后春筍般出現(xiàn)，只要稍稍留意一下，你就會(huì)發(fā)

5、現(xiàn)，幾乎每個(gè)大的互聯(lián)網(wǎng)公司，都有屬于自己的互聯(lián)網(wǎng)團(tuán)隊(duì)，例如：淘寶網(wǎng)的“淘寶UED”，百度旗下的“百度UFO”，騰訊的“ISD”和“CDC”等等。這些團(tuán)隊(duì)性質(zhì)大都相似，以提高用戶(hù)體驗(yàn)為第一目標(biāo)。例如百度UFO的對(duì)本身團(tuán)隊(duì)的定位：“我們始終堅(jiān)持以用戶(hù)為核心，將提升產(chǎn)品體驗(yàn)做為終極目標(biāo)。我們秉承“減法設(shè)計(jì)、從簡(jiǎn)出發(fā)”的理念，完成百度WEB產(chǎn)品的視覺(jué)、交互設(shè)計(jì)、前端開(kāi)發(fā)，用戶(hù)研究、內(nèi)容優(yōu)化等工作。我們提供基于研究、設(shè)計(jì)與前端技術(shù)的一體化解決方案，使產(chǎn)品更加友好、易用，以進(jìn)一步提升產(chǎn)品影響力和品牌滿(mǎn)意度。我們希望通過(guò)UFO泛用戶(hù)體驗(yàn)平臺(tái)更好的與同行交流，一同探討，從而推動(dòng)行業(yè)發(fā)展?！倍毼环诸?lèi)也和類(lèi)似：

6、網(wǎng)頁(yè)設(shè)計(jì)師，前端開(kāi)發(fā)工程師，用戶(hù)體驗(yàn)分析師，交互設(shè)計(jì)師等。主要集中于，設(shè)計(jì)，可用性，前端開(kāi)發(fā)。前端開(kāi)發(fā)是UED團(tuán)隊(duì)的唯一偏重軟件開(kāi)發(fā)的職位， 要求也日趨增多，技能要求主要有：-精通JavaScript、Ajax等Web開(kāi)發(fā)技術(shù)- 精通HTML/XHTML、CSS等網(wǎng)頁(yè)制作技術(shù)，熟悉頁(yè)面架構(gòu)和布局-對(duì)算法、數(shù)據(jù)結(jié)構(gòu)以及后臺(tái)開(kāi)發(fā)(C/C+/PHP/Java等)有一定了解- 熟悉W3C標(biāo)準(zhǔn)，對(duì)表現(xiàn)與數(shù)據(jù)分離、Web語(yǔ)義化等有深刻理解而不同地方對(duì)對(duì)前端開(kāi)發(fā)的職位的需求，也有明顯的地域差異，到目前為止（截至2010年8月），對(duì)前端開(kāi)發(fā)的人才需求主要集中在杭州，北京，上海等地區(qū)，南方地區(qū)相對(duì)較少。只有騰訊

7、等較大的互聯(lián)網(wǎng)企業(yè)對(duì)此有需求，雖然網(wǎng)易的總部在廣州，但是前端開(kāi)發(fā)等相關(guān)職位也只是集中在杭州的研究院招聘，這種現(xiàn)狀的形成有各種因素，可能在短時(shí)間內(nèi)也難以解決，作為廣州的前端開(kāi)發(fā)者們，需要將眼睛放到整個(gè)中華地區(qū)，這樣才能找到更理想的工作崗位。百度UFO團(tuán)隊(duì)前端開(kāi)發(fā)職責(zé)分析一般的中小型互聯(lián)網(wǎng)公司，前端開(kāi)發(fā)工程師的主要職責(zé)大多集中與頁(yè)面重構(gòu)，簡(jiǎn)單的或者單個(gè)的JS功能實(shí)現(xiàn)，大中型的互聯(lián)網(wǎng)公司，如百度等，則專(zhuān)注于百度各產(chǎn)品線Web端功能設(shè)計(jì)、開(kāi)發(fā)和實(shí)現(xiàn)，百度各產(chǎn)品線易用性改進(jìn)和Web界面技術(shù)優(yōu)化 ，Web前沿技術(shù)研究和新技術(shù)調(diào)研。Web端功能設(shè)計(jì)和開(kāi)發(fā)，很大程度上是圍繞JS的開(kāi)發(fā)進(jìn)行，而這種優(yōu)化和研究，如

8、果沒(méi)有對(duì)JS深厚的技術(shù)功底，是很難進(jìn)行底層開(kāi)發(fā)的，不是簡(jiǎn)單地以來(lái)jquery來(lái)實(shí)現(xiàn)各種效果，而是針對(duì)易用性改造而進(jìn)行的有目標(biāo)地底層功能開(kāi)發(fā)。Web前沿技術(shù)研究和新技術(shù)調(diào)研則要求開(kāi)發(fā)這對(duì)前段開(kāi)發(fā)技術(shù)的新技術(shù)有著敏銳的洞察力，能迅速判斷那種技術(shù)將會(huì)成為將來(lái)的主流，并且不斷了解國(guó)內(nèi)外的最新動(dòng)態(tài)。前端開(kāi)發(fā)體會(huì)前端開(kāi)發(fā)是一個(gè)較新的職業(yè)，它是在web2.0的熱潮下成熟起來(lái)的，要求開(kāi)發(fā)者掌握較綜合的技能，除了必要的軟件開(kāi)發(fā)技術(shù)，還要對(duì)可用性有一定的了解，而又對(duì)設(shè)計(jì)有一定要求，因此，對(duì)與數(shù)字媒體技術(shù)專(zhuān)業(yè)的學(xué)生來(lái)說(shuō)，有著天然的優(yōu)勢(shì)，是最適合不過(guò)的職位之一。但是對(duì)于數(shù)字媒體技術(shù)專(zhuān)業(yè)的學(xué)生，如果要在未來(lái)的就業(yè)中掌握

9、主動(dòng)權(quán)，單靠專(zhuān)業(yè)優(yōu)勢(shì)是遠(yuǎn)遠(yuǎn)不夠的，還需要有深厚的技術(shù)功力，例如HTML+CSS技術(shù)，是必須要完全掌握精通的，javscript更是要不斷深耕細(xì)作，在專(zhuān)業(yè)達(dá)到一定的深度后，才有能力在應(yīng)聘中游刃有余，所向披靡。同時(shí)，在學(xué)習(xí)研究的過(guò)程中，要不斷增加自己的項(xiàng)目經(jīng)驗(yàn)，為自己增加籌碼，由于前端開(kāi)發(fā)行業(yè)的特殊性，數(shù)字媒體技術(shù)的學(xué)生在大二就可以開(kāi)始在社會(huì)中尋找工作經(jīng)驗(yàn)了，一些學(xué)校項(xiàng)目，工作室項(xiàng)目，社會(huì)兼職實(shí)習(xí)等，都是這些經(jīng)驗(yàn)的重要來(lái)源。前端開(kāi)發(fā)是需要在不斷實(shí)踐中學(xué)習(xí)的，只有一定的項(xiàng)目經(jīng)驗(yàn)，才能在學(xué)習(xí)中得以擴(kuò)展深入，否則很多單純意義上的學(xué)習(xí)更像紙上談兵，沒(méi)有意義。Web前端開(kāi)發(fā)的未來(lái)在不久的將來(lái)，前端開(kāi)發(fā)的技術(shù)將會(huì)經(jīng)歷一場(chǎng)變革，以CSS3.0和HTML5為新技術(shù)力量會(huì)成為前端開(kāi)發(fā)的中堅(jiān)。即使以后，在前端開(kāi)發(fā)領(lǐng)域，技術(shù)也不會(huì)停滯，即使HTML5成為現(xiàn)實(shí)，也會(huì)有更新的技術(shù)出現(xiàn)，豐富互聯(lián)網(wǎng)的世界，因此我們必須保持對(duì)最