【CDC】專訪唐俊開:2014年Web App即將發(fā)力
以下是采訪內(nèi)容:
唐俊開,網(wǎng)名三橋,UC優(yōu)視前端開發(fā)工程師,H5開發(fā)者社區(qū)負(fù)責(zé)人,著有《HTML5移動(dòng)Web開發(fā)指南》。主要工作是基于UC云端頁(yè)面排版和基于U3內(nèi)核上前端技術(shù)的實(shí)踐,以及HTML5和WebApp的研究和實(shí)踐,目前專注于Mobile前端技術(shù)和HTML5。
CDC:你日常工作和學(xué)習(xí)中,常用的HTML5開發(fā)工具和學(xué)習(xí)資料有哪些?對(duì)初學(xué)者有何經(jīng)驗(yàn)或建議分享?
唐俊開:在我的日常工作中,主 要仍然以前端編碼為主,因此在項(xiàng)目研發(fā)過程還是主要使用WebStrom和Sublime Text2兩個(gè)編輯器。在學(xué)習(xí)方面,對(duì)于每個(gè)新產(chǎn)品、新類庫(kù)框架、或是新技術(shù),我更傾向于在其官方站點(diǎn)上學(xué)習(xí),先看看demo、API文檔,然后自己寫一 些examples。對(duì)于如何學(xué)習(xí)HTML5,如果閱讀英語(yǔ)沒有障礙的話,建議從html5rocks和webplatform兩個(gè)網(wǎng)站學(xué)習(xí),上面有很多 根據(jù)每一個(gè)特性的詳細(xì)解釋以及實(shí)例。但對(duì)于初學(xué)者來說,HTML5本質(zhì)上是一門進(jìn)階課程,所以建議先學(xué)好基礎(chǔ),比如CSS和JavaScript的基礎(chǔ)。 當(dāng)有一定的前端實(shí)踐經(jīng)驗(yàn)后,再學(xué)習(xí)HTML5新特性,就能輕易上手HTML5項(xiàng)目開發(fā)。
CDC:對(duì)于開發(fā)人員,前端技術(shù)在移動(dòng)開發(fā)領(lǐng)域有哪些獨(dú)特之處?
唐俊開:目前,前端技術(shù)在傳統(tǒng) 互聯(lián)網(wǎng)下逐漸體現(xiàn)出其重要的價(jià)值。在移動(dòng)領(lǐng)域,前端技術(shù)仍然可以在iOS和Android的世界中占據(jù)一定席位。畢竟HTML5是一個(gè)業(yè)界認(rèn)可的標(biāo)準(zhǔn),在 移動(dòng)Web應(yīng)用開發(fā)離不開前端技術(shù),離不開HTML5的推動(dòng)。現(xiàn)在前端技術(shù)發(fā)展速度非常快,模塊加載、SPA單頁(yè)面、PhoneGap等多個(gè)新前端技術(shù)都 在移動(dòng)開發(fā)領(lǐng)域發(fā)揮著自己的特長(zhǎng)。
CDC:目前HTML5在移動(dòng)互聯(lián)網(wǎng)時(shí)代充當(dāng)什么角色?
唐俊開:我覺得,HTML5目前就像是出生移動(dòng)互聯(lián)網(wǎng)時(shí)代的一個(gè)新生命,并且正處于成長(zhǎng)的階段。因此,它需要大家的支持和扶持,把一個(gè)既弱少又有前途的小生命培養(yǎng)成才,成為移動(dòng)互聯(lián)網(wǎng)時(shí)代有價(jià)值的技術(shù)之一。
CDC:闡述下HTML5在Mobile Web的獨(dú)特優(yōu)勢(shì),以及一些不為人知的特性。
唐俊開:首先我想說一個(gè)要點(diǎn)是HTML5的大部分標(biāo)準(zhǔn)都是來源于W3C的,從W3C對(duì)Mobile Web App的狀況描述(http://www.w3.org/Mobile/mobile-web-app-state/) 來看。Mobile Web App一共可以分為21大技術(shù)方向:圖形、多媒體、設(shè)備適配、表單、用戶交互、數(shù)據(jù)存儲(chǔ)、個(gè)人信息管理、傳感器和硬件集成、網(wǎng)絡(luò)、通信與發(fā)現(xiàn)、封裝打包、 性能與優(yōu)化。在每一個(gè)技術(shù)體系都我們都能看到HTML5的影子。HTML5標(biāo)準(zhǔn)中新定義了HTML模板機(jī)制template標(biāo)簽;例如響應(yīng)式Web設(shè)計(jì)已 經(jīng)逐漸得到大家的認(rèn)可,但圖片呢?響應(yīng)式Web圖片格式也逐漸出現(xiàn)。這些新特性的出現(xiàn),更讓我們?cè)赪eb App開發(fā)中提供更棒的解決方案。
CDC:你怎么Native App和Web App的各自的優(yōu)劣?
唐俊開:我認(rèn)為,目前Native App和Web App之間的差距還是比較大的。Native App用戶體驗(yàn)好,更受到用戶的歡迎和喜愛。但Web App目前仍然存在較多的技術(shù)實(shí)現(xiàn)難點(diǎn),而且用戶還沒認(rèn)可Web App所帶來的價(jià)值。但是,Web是一個(gè)開放的平臺(tái),將來必定是主流的技術(shù)方向,用戶將來必定會(huì)逐漸接受Web所帶來的便捷。因此,我認(rèn)為未來兩種App肯定是相互并存、相互依賴的關(guān)系。
CDC:如何看待Native和Web的結(jié)合體hybrid的,你認(rèn)為Wybrid是否有市場(chǎng)前景 ?
唐俊開:雖然兩種應(yīng)用模式都有 各自的優(yōu)勢(shì)和劣勢(shì),但我認(rèn)為未來Native和Web肯定是相互共存的,即存在體驗(yàn)***的Native App,也存在跨平臺(tái)的Hybrid App,也有低成本的Web App。因此,聰明的人在做項(xiàng)目的時(shí)候,必定會(huì)考慮成本、效率以及可維護(hù)性去考慮的。所以,我認(rèn)為hybrid未來將會(huì)是作為一個(gè)實(shí)現(xiàn)方案或解決方案而存 在的,而且也不可能像Native那樣成為主流的技術(shù)研發(fā)方向。
CDC:其實(shí),現(xiàn)在很多瀏覽器對(duì)HTML5的兼容性并不佳,但多數(shù)瀏覽器也越來越重視Html5。你認(rèn)為還需要多久,Html5才能發(fā)揮出***的潛力?
唐俊開:的確,現(xiàn)在很多瀏覽器 在支持HTML5標(biāo)準(zhǔn)方面存在很多的差異,因?yàn)槊總€(gè)瀏覽器廠商對(duì)比HTML5標(biāo)準(zhǔn)的理解存在偏差,以及有些技術(shù)要點(diǎn)仍然未有得到較好的解決方案。畢竟 HTML5標(biāo)準(zhǔn)最近才最終定稿,標(biāo)準(zhǔn)基本不再有太大的變化。所以,我認(rèn)為當(dāng)HTML5標(biāo)準(zhǔn)趨向穩(wěn)定時(shí),就是HTML5高速發(fā)展的開端,我比較看好2014 年的Web App發(fā)展,因?yàn)檫@有可能是HTML5標(biāo)準(zhǔn)正式推出的日子。而作為瀏覽器廠商,我建議仍然需要花更多的時(shí)間去理解標(biāo)準(zhǔn)。只有在各個(gè)標(biāo)準(zhǔn)特性理解透切,并最 終依照標(biāo)準(zhǔn)實(shí)現(xiàn),這樣才能把HTML5支持得更好,才能發(fā)揮出它的***潛力。
CDC:對(duì)于Web開發(fā)的未來,你覺得那些技術(shù)最值得開發(fā)者關(guān)注,或者需要開發(fā)者掌握?
唐俊開:最近在前端技術(shù)界聊的最熱門的并不是我們經(jīng)常看到的HTML5以及CSS3這兩大技術(shù)標(biāo)準(zhǔn)。反而是模塊加載和NodeJS兩 種技術(shù)體系,我認(rèn)為它們都有著非常廣泛前景的技術(shù)。模塊加載的誕生,使得我們?cè)诰帉慗avaScript項(xiàng)目的時(shí)候,就可以像寫Java代碼那樣,分包、 類庫(kù)。NodeJS,能讓我們做前端的研發(fā)人員,也能脫離瀏覽器束縛,編寫后臺(tái)程序。所以這兩項(xiàng)技術(shù)是目前在移動(dòng)互聯(lián)網(wǎng)應(yīng)用時(shí)代上,最值得開發(fā)者關(guān)注的技 術(shù)要點(diǎn)。當(dāng)然要真正掌握這兩門技能,仍然需要花點(diǎn)功夫才能學(xué)好,畢竟好的東西不是那么容易獲得的。
CDC:目前,業(yè)內(nèi)有哪些口碑好的Html5游戲?你認(rèn)為Html5能為移動(dòng)游戲帶來哪些新鮮的血液?它與iOS、Android游戲的***區(qū)別和亮點(diǎn)是什么?
唐俊開:我個(gè)人認(rèn)為,HTML5游戲雖然越來越多,目前還沒有一個(gè)真正成功并且可以做到領(lǐng)軍的HTML5游戲。其實(shí),我并不擔(dān)心HTML5游戲的未來,反而我更加看好它,因?yàn)榫W(wǎng)頁(yè)游戲(Flash網(wǎng)絡(luò)游戲)早已經(jīng)被用戶認(rèn)可,并且這些游戲也得到客觀的收入。
其實(shí)iOS和Android游戲的生命周期太短了,比網(wǎng)頁(yè)游戲還 短。最近挺火的《我叫MT》的游戲,基本成為了熱門游戲話題。我相信很快就會(huì)有類似的HTML5版本出現(xiàn)。如果要說原生游戲和HTML5游戲在技術(shù)和體驗(yàn) 上的***區(qū)別和亮點(diǎn),我覺得技術(shù)上***的區(qū)別是iOS和Android已經(jīng)有一套比較成熟的游戲框架體系以及操作系統(tǒng)對(duì)游戲的良好支持。但是,HTML5 游戲可是運(yùn)行在手機(jī)瀏覽器之上的,那么說就是HTML5游戲并不是直接運(yùn)行在操作系統(tǒng)中。我認(rèn)為使用Web技術(shù)開發(fā)游戲是目前最有吸引力的方向。
CDC:你出版的《html5移動(dòng)web開發(fā)指南》的初衷是什么?該書在業(yè)界的反響如何?請(qǐng)簡(jiǎn)單給我們介紹下該書的主要吸引人的內(nèi)容。
唐俊開:當(dāng)初,出版的這本書之 前,剛好是HTML5和移動(dòng)互聯(lián)網(wǎng)逐漸出現(xiàn)交集的時(shí)候。在這個(gè)時(shí)間點(diǎn),我認(rèn)為應(yīng)該寫一本關(guān)于HTML5在移動(dòng)領(lǐng)域?qū)嶋H應(yīng)用的書籍。當(dāng)時(shí)我就把HTML5、 CSS3、jQuery Mobile和Sencha Touch作為切入點(diǎn),通過HTML5特性結(jié)合移動(dòng)Web框架,讓開發(fā)人員盡快上手,培養(yǎng)開發(fā)人員開發(fā)移動(dòng)Web應(yīng)用和Web站點(diǎn)的意識(shí)。
其實(shí),當(dāng)時(shí)在***時(shí)刻把Media Queries作為該書的最吸引人的部分時(shí),我就覺得它必定是將來前端技術(shù)的焦點(diǎn)之一。所以說,當(dāng)時(shí)在編寫這書時(shí),國(guó)內(nèi)業(yè)界還沒真正推廣響應(yīng)式Web設(shè)計(jì)的概念,而此時(shí)本書已經(jīng)介紹該特性。
由于技術(shù)更新太快,該書上的內(nèi)容已經(jīng)從當(dāng)時(shí)***的內(nèi)容已經(jīng)變成過去 式。所以在業(yè)界反響來說其實(shí)沒有那些詳細(xì)介紹HTML5的書籍好,畢竟我這書在選題面上不是很廣泛。但是,我的目的已經(jīng)達(dá)到了,因?yàn)楝F(xiàn)在已經(jīng)有很多開發(fā)人 員把jQuery Mobile或Sencha Touch作為項(xiàng)目的候選框架之一。
CDC:對(duì)中國(guó)開發(fā)者大會(huì)的一句簡(jiǎn)短評(píng)價(jià)。
唐俊開:期待能夠和更多的技術(shù)人員交流、溝通、分享。預(yù)祝中國(guó)開發(fā)者舉辦成功。
中國(guó)開發(fā)者大會(huì)·廣州 傳送門
2013年中國(guó)開發(fā)者大會(huì)將于6月29日在廣州白云國(guó)際會(huì)議中心隆重開幕。大會(huì)秉承分享IT核心技術(shù)的原則及創(chuàng)業(yè)團(tuán)隊(duì)的成功經(jīng)驗(yàn),圍繞IOS、Android、HTML5、Unity、Cocos2D-X等技術(shù)領(lǐng)域拓展深入探討。詳細(xì)內(nèi)容,請(qǐng)查看官方網(wǎng)站:http://www.9ria.com/redirect.php?id=94