一門幾乎可以取代所有程序開發(fā)的語言, 一門改變歷史進程的語言! -----題記
雖然HTML5已經(jīng)出來了不短的時間了, 特別是剛剛發(fā)布的那段時間,我還專門抽時間了解了一下, 職業(yè)習(xí)慣嘛,對于新出來的技術(shù)總是會去關(guān)注一下, 不過,當(dāng)時也沒有深入的了解, 直到前幾天和一個做HTML5的朋友一起吃飯, 不由的和他聊到了HTML5, 通過和他的交流, 我深深的感受到了一種壓力, 而且這個壓力讓我有了一股很深的危機感!
作為一名攻城獅, 發(fā)現(xiàn)新技術(shù), 研究新項目, 整合新資源,是我們的基本功, 也是我們不段積累,進步,前進的階梯, 可以說, 作為一名程序開發(fā)者, 我們很幸運, 因為,我們始終是站在這個時代的前沿, 我們用思考構(gòu)思一個又一個的創(chuàng)新和技術(shù), 用手指敲出一段又一段可以實現(xiàn)各種功能的代碼和程序; 然而, 作為一名程序開發(fā)者, 我們也是不幸運的, 因為,我們需要學(xué)習(xí)的東西實在是太多, 每天都可以說是一個新的開始, 技術(shù)的革新實在是太快太快, 稍微的松懈,稍有不注意,我們就可能被技術(shù)科技的洪流給淹沒, 所以,我們需要不斷的學(xué)習(xí), 各種開發(fā)語言, 各種實用的技術(shù),工具,SDK,API,項目的管理, 運維,架構(gòu)等等;
就拿我和我的朋友談到的HTML5來說,
乍一看,HTML5就是HTML4的升級版本, 只是里面提供了更多的方法, 也兼容移動端了,
然而,就是一個兼容移動端,卻讓我有了深深的危機感;
作為一名iOS攻城獅的我, 一直覺得只要我源碼寫得好,架構(gòu)搭得好,封裝到位,代碼優(yōu)化重構(gòu)都不錯,可拓展強和可維護性好就可以,偶爾關(guān)注一下新技術(shù), 解決一些bug, 就不錯了, 但現(xiàn)在我覺得我錯了,而且錯得很離譜;
和朋友交流之后, 我對HTML5做了深入的了解, 也真正意義上的買了不少的書籍回來認(rèn)真的學(xué)習(xí)這門語言,同時向我的朋友虛心的請教各種問題;通過這段時間的學(xué)習(xí), 我深深的被HTML5震撼了;
怎么來說呢?
就像我文章開頭說的一樣: 在我看來,HTML5,以及后期可能出現(xiàn)的6,7...等等,** 這門語言是 :一門幾乎可以取代所有程序開發(fā)的語言, 一門改變歷史進程的語言!**
首先,HTML5 ,已經(jīng)充分的實現(xiàn)了移動端的布局,可以適配市場上任何規(guī)格,任何尺寸,任何品牌的移動端設(shè)備, 注意,是任何!!!沒有之一!!!
HTML5的開發(fā)者,只需要一份代碼,就可以跨各種平臺運行, 只要你的平臺支持瀏覽器即可!!! 那么現(xiàn)在什么平臺沒有瀏覽器? 答案顯而易見, 沒有一個平臺沒有瀏覽器!!! 只要你的平臺開發(fā)的程序需要用到瀏覽器,HTML5這門語言,就可以勝任, HTML5工程師們,在服務(wù)器端布局敲定好代碼后,只需要稍微懂一些相關(guān)平臺的webView的調(diào)用和實現(xiàn)代碼, 幾句代碼,既可搞定一個復(fù)雜的UI界面,而且,這個可以實現(xiàn)我們用平臺提供的開發(fā)工具(如Xcode)開發(fā)出來的軟件的所有功能, 同時,各平臺運行的程序界面和效果還是一模一樣的, 也完全沒有屏幕適配問題!!
那么,如果我們往深層次的方向去推衍, 從企業(yè)的角度去思考問題, 我們就可以得到一個非常令人感到危機的現(xiàn)象,那就是: 既然HTML5開發(fā)工程師,一份代碼即可搞定PC端和所有移動端, 那作為企業(yè),當(dāng)然不會養(yǎng)那么多閑人了, 那最終,作為移動端攻城獅們的我們, 就真的只能在"攻城"中英勇的成為炮灰了;
想想就覺得背脊發(fā)涼, HTML5的技術(shù)如果真正意義上的被興起來, 我們這批寫源碼的移動攻城獅們,要么趕緊學(xué)會HTML5技術(shù),要么就只有下崗了,
就目前來看, 國外已經(jīng)比較火了, 而國內(nèi)對HTML5的使用還不是很廣泛, 也就一些大型的互聯(lián)網(wǎng)企業(yè)開始在嘗試,
所以,我們還是來得及的,因為HTML5這門語言整體上來說還是比較簡單的, 學(xué)習(xí)的這段時間,我也是越學(xué)越興奮, 所以我也了一些小心得,來獻丑的給大家分享一下,算是一些學(xué)習(xí)技巧吧, 我和不少的朋友同事溝通過, 大體上有這樣幾個心得:
學(xué)習(xí)心得:
- HTML5屬于一門標(biāo)記語言, 而作為一名移動端攻城獅來說, HTML5的學(xué)習(xí),相對來說是比較簡單的,雖然語法上有不少不一樣的地方, 但是代碼邏輯和實現(xiàn)方式都是差不多的;
- 要學(xué)習(xí)好HTML5, 我們需要學(xué)習(xí)三個方面的知識: 第一是:HTML, 第二是CSS. 第三是:javascript;
- 相對來說HTML和CSS的知識點,是比較多的,比如標(biāo)簽, 比如選擇器, 種類實在是太多, 而對于初學(xué)者來說,完全不需要都記住,也沒這個必要, 只需要記住最常見的即可, 其他不明白的時候, 及時去查資料都可以,所以對于HTML和CSS的知識點,我們可以快速學(xué)習(xí),掌握基本即可;
- 作為一名長期做程序開發(fā)的攻城獅來說, 學(xué)習(xí)HTML5的時候, 我們應(yīng)該著重學(xué)習(xí)javascript, 因為,javascript主要負(fù)責(zé)的就是與用戶的交互事件, 不言而喻,交互永遠是重頭戲!!!
給大家推薦幾個學(xué)習(xí)HTML5的網(wǎng)站:
由Twitter提供的一個超級牛的框架: Bootstrap框架,
這個框架功能簡直強大的不行, 要學(xué)習(xí)HTML5,這個框架是必備的
Bootstrap框架學(xué)習(xí)網(wǎng)站: http://v3.bootcss.com
Bootstrap框架源碼地址:
https://github.com/twbs/bootstrap.git各種前端,后端語言學(xué)習(xí)網(wǎng)站:
w3school網(wǎng)站: http://www.w3school.com.cn
這個網(wǎng)站不用多說, 大家用了都說好!!! 而且里面語言很多,特別適合入門;再給大家推薦一個框架: 也是必備的 jQuery-mobile 框架,
jQuery-mobile 框架, 也是超級牛的, 大家都可以在GitHub上面下載到, 下面是 jQuery-mobile 框架的源碼地址
https://github.com/jquery/jquery-mobile.git