close

改變世界的Web前端開發 - 網頁設計

http://webdesign.zoapcon.com

喬布斯說:“活著就是為了改變世界,難道還有其它原因嗎?” 2008年,在Web前端開發界,無論國外還是國內,都發生了不少事情,有哪些是改變世界或即將改變世界的大事件呢?

JavaScript游戲
2008年4月9日,Dion Almaer發現了一款非常經典的JavaScript游戲:Super Mario. 這款游戲由Jacob Seidelin開發,大小僅14k.


(Super Mario JavaScript版本: http://jsmario.com.ar/)

不少Web開發者們大跌眼鏡:這真的是用JavaScript開發出來的?答案是肯定的。這款游戲利用了Canvas元素(IE中用HTML模擬),圖像存儲在加密的字符串中,還用base64存儲了MIDI背景音樂。除了這些技巧,其它代碼就是我們熟悉的HTML、CSS和JavaScript.

Super Mario JavaScript版本的橫空出世(之前也出現過用JavaScript寫的游戲,但沒有像Super Mario一樣引起大家的關注),激起了一股用JavaScript編寫游戲的熱潮:

許多經典的游戲都有了JavaScript版本:Pac-Man(經典的吃豆子游戲), Space Invaders(太空入侵者),Spacius(百玩不厭的雷電)等等。

甚至還出現了一些比較復雜的角色扮演游戲:Andrew Wooldridge創造的Tombs of Asciiroth 和 CanvasQuest,Pierre Chassaing創造的ProtoRPG等。

伴隨JavaScript游戲的熱潮,還出現了不少專門用于游戲開發的JavaScript庫。最突出的是GameJS(基于Canvas的一個2D游戲開發庫) 和 GameQuery(這是jQuery的一個插件)。

除了用Canvas構建2D游戲,用JavaScript還可以構建3D游戲,還出現了非常出色的Processing.js,以及JavaScript PlotTool繪圖工具等等。

感慨:JavaScript游戲一段時間內將還只是開發者們的“玩物”,要真正轉換為商業應用,可能還有一段漫長的路要走。但是,當Super Mario跳躍在Web網頁上時,這昭示著JavaScript的時代已經到來了。JavaScript能做什么?2008年的答案是:JavaScript連游戲都能做!

大放異彩的jQuery
2008年,無論對于jQuery的作者John Resig還是jQuery庫本身來說,都是非常棒的一年。jQuery首頁上有一行很明顯的加粗文字:

jQuery is designed to change the way that you write JavaScript.
jQuery設計成可以改變你書寫JavaScript的方式。
jQuery用數據和事實證明了它的魅力。一定程度上,甚至可以毫不夸張地說:jQuery改變了Web前端開發界。下面是用Google Trends統計的常用JavaScript庫在2008年的搜索量曲線圖:


2008年9月份,jQuery團隊戰績斐然:Microsoft和Nokia正式將jQuery集成進他們的應用程序開發平臺。此外,Google的部分應用里,也早就采納了jQuery. 從jQuery的首頁上還可以看出,DELL, Bank of America, Digg, Technorati, Mozzila等站點都在使用jQuery.

當然,除了jQuery,其它JavaScript在2008年也都有可圈可點的發展。YUI3的Preview版本,是我見過的最具有發展潛力的框架。ExtJS在國內的普及也非常迅猛,JavaEye社區里,ExtJS一定程度上成了Ajax的代名詞,各種有關ExtJS的技術文章和書籍非常多(遺憾的是書籍的質量不高)。Prototype不溫不火。Mootools則在低調中用其優雅的代碼吸引了不少忠實用戶。

感慨:上面提到的每個JavaScript庫都是非常優秀的,掌握任何一個,對于我們的日常工作來說,都綽綽有余了。只是對于2008年來說,jQuery的表現太突出了,連我這個天天工作用YUI的人,在2008年,都不得不為jQuery鼓掌,為John Resig喝彩!各種JavaScript庫的爭奇斗艷,這是JavaScript時代已經到來的另一個標志。

蹣跚起步的網頁工業化
2008年,如果你是一名Web前端開發工程師,卻沒有聽說過“柵格”兩個字,那你一定是工作太忙太專心了。2008年10月份,在淘寶UED博客,出現了一篇“960的秘密”,揭開了網頁柵格系統在國內的研究小熱潮。

伴隨著柵格系統的爭論,國內的前端技術博客里還出現不少對CSS框架和布局的探討。這一切,所要解決的是以下兩個問題:

網頁的規范性。隨著站點的成長,頁面會以幾何級數的速度增加。面對成千上萬個網頁,如何保持風格的一致性是一個不小的挑戰。
網頁的工業化產出。在遵守規范和保證質量的基礎上,如何讓頁面制作容易,如何讓運營人員能批量制造頁面,這是目前許多大型站點面臨的另一個問題。
國內站點中,淘寶、百度有啊、網易等站點的已逐步采用柵格系統。淘寶的首頁和頻道目前已經全部柵格化,同時嘗試性開發了TMS(模板管理系統)來解決網頁的工業化產出問題。

感慨:網頁的高質量工業化產出,在國內很多公司才剛起步。2009年,我相信工業化將依舊是Web前端開發界的關鍵詞。

這些也很出色
漸進增強。2008年10月份,Aaron Gustafson在ALA網站上發表了一系列有關漸進增強的文章,探討的核心問題是:JavaScript應該做什么以及Web前端開發的技術流程。JavaScript游戲讓我們看到了JavaScript的魔力,Aaron提醒我們不能濫用JavaScript,我們要仔細考慮JavaScript的使用場景。可用性,無侵入性,可訪問性等等,這些理念是每一個前端開發工程師需要好好思考的。
D2(前端技術論壇)。 2008年,在北京和上海分別舉辦了兩屆D2,這是國內前端開發工程師們的兩場盛會。前端工程師,這個新生的職位逐步被國內各大公司接受。D2的意義在于,我們聚集在一起,發出了自己的聲音!
Google Chrome的誕生。 2008年,Chrome, JS V8引擎,Google迫使各大瀏覽器廠商開始比拼JavaScript引擎速度,這是JavaScript時代已經到來的另一個標志。Google和Mozzila的努力,在年末的時候帶來鼓舞人心的統計結果:IE的使用率跌破70%. 萬惡的IE6,早點滅亡吧。2009年,Google的號角和淘寶網即將掀起的 NO IE6 活動,將加速IE6的滅亡。
最后,用兩句話來結束本文:

2008年,我們努力改變世界!
2009年,我們繼續改變世界,同時世界將開始為我們而改變!

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    Zoap_網頁設計 發表在 痞客邦 留言(0) 人氣()