金秋十月，朦朧的秋色擷夾著一份收獲，一份回憶，記錄了一季的圓滿。在十年前，無論多復雜的布局，在神奇的table面前都不是問題，驚嘆著神奇的yahoo在IE5下都能表現(xiàn)的如此***。在Web標準化后，開始專注于網(wǎng)站的性能優(yōu)化以及交互體驗，各種響應式以及CSS3的風靡，SVG和WebGL的流行，使得H5走進人們的眼簾。在云端的這個金秋季節(jié)，H5還能否為我們帶來一絲絲新意？

10月31日，51CTO在北京理想國創(chuàng)業(yè)咖啡廳舉辦了第七期線下公開課，本次沙龍主題聚焦HTML5高質(zhì)量應用開發(fā)，繼續(xù)于H5標準定稿后，如何在云時代低成本打造***用戶體驗的H5應用。

[[154479]]

本次公開課51CTO誠邀三家H5新銳企業(yè)的一線前端技術(shù)專家，通過不同領(lǐng)域的H5探索，分別從新穎的HTML5/WebGL的3D建模、云端的Web技術(shù)棧的選擇、以及如何利用H5超越原生應用體驗的技術(shù)分享。

[[154480]]

Autodesk資深開發(fā)顧問杜長宇

首位演講人是來自Autodesk資深開發(fā)顧問杜長宇，演講的主題是《Web從此走入3D時代 -  基于HTML5/WebGL的3D模型瀏覽技術(shù) 》。目前負責其公司云技術(shù)的支持和推廣，關(guān)注HTML5、WebGL、NodeJs及Web上的三維模型顯示技術(shù)。

3D立體模型效果展示

[[154481]]

杜老師給開發(fā)者演示W(wǎng)eb中幾種可交互的3D立體模型效果，看了如此效果，二維和三維如何選擇想必現(xiàn)場開發(fā)者已有定論。

在線三維模型瀏覽工具

杜老師表示，用WebGL打造三維效果，無需任何插件并且?guī)缀跛鞋F(xiàn)代瀏覽器都支，但是WebGL也不是那么簡單。有簡單的方法那就是知曉上圖這些在線三維模型瀏覽工具，其中Autodesk Viewer可以在瀏覽器和移動設備中瀏覽，簡單、而且免費使用。

Autodesk Viewer

Autodesk Viewer支持ipt, neu, stla, stl, xlsx, jt, jpg, skp, prt, dwf, xls, png, sldas等眾多數(shù)據(jù)格式，目前還在持續(xù)增加中。上圖是模型 + 屬性數(shù)據(jù)的展示，還提供編程接口View and Data API。可能的應用場景有，物業(yè)管理、電子商務商品展示、展品在線虛擬體驗、生產(chǎn)管理、設備運行監(jiān)控、游戲、虛擬現(xiàn)實等。

LeanCloud高級工程師尼奧

接下來演講人是來自LeanCloud高級工程師尼奧（王瀟），演講的主題是《構(gòu)建云上的云》。目前負責LeanCloud JavaScript SDK 及 Web 端產(chǎn)品，有豐富的 Web 產(chǎn)品和技術(shù)產(chǎn)品開發(fā)經(jīng)驗。

回顧云服務 解析云上的云

[[154482]]

曾經(jīng)開發(fā)一個產(chǎn)品需要Desiger、FE、BE、OP四各環(huán)節(jié)，之后OP就被眾多云服務所代替。有了BaaS 以后（云服務 2.0）BE、OP這兩個環(huán)節(jié)也可節(jié)省，使得寫程序更容易，產(chǎn)品迭代更快速?；贚eanCloud自身需求與服務，開始在產(chǎn)品和技術(shù)層面的綜合考慮，比 如說產(chǎn)品瀏覽器兼容性的問題，就要在技術(shù)層面權(quán)衡。

技術(shù)棧與分工

從尼奧老師的演講中，開發(fā)者們可以了解當下如果Web產(chǎn)品的研發(fā)較色發(fā)生轉(zhuǎn)變時，應該如何選擇技術(shù)棧。并且和開發(fā)者們探討了技術(shù)開發(fā)模式。多做產(chǎn)品、提升技術(shù)能力、嘗試新技術(shù)、成為主導者等是前端技術(shù)發(fā)展和職業(yè)發(fā)展方向。

 LeanCLoud

LeanCLoud典型用戶是知乎、UBer（中國）、功夫貓、決戰(zhàn)喵星等。尼奧老師表示，前端工程師將成為技術(shù)主導者，前端工程師應該提升技術(shù)能力、嘗試新技術(shù)、多做產(chǎn)品。

Dcloud高級前端工程師崔紅保

***演講人是來自Dcloud高級前端工程師崔紅保，演講的主題是《多端發(fā)布和流應用，HTML5超越原生的利器》，目前致力于如何讓HTML5達到原生App體驗。

MUI —高性能前端框架

MUI —高性能前端框架擁有眾多UI擴展插件及模板，擁有小巧 、原生樣式、流暢體驗等特點。

HBuilder工具

HBuilder工具作為HTML5開發(fā)工具有多語言編輯、離線登錄、一鍵搜索等優(yōu)勢。

基于HTML5流應用終將超越原生

HTML5應用在功能和性能上都可以和原生應用相媲美，HTML5應用跨平臺六端齊發(fā)、動態(tài)執(zhí)行、成本低等其特有的優(yōu)勢。崔老師***表示，基于HTML5流應用產(chǎn)皮終將超越原生。

[[154483]]

開發(fā)者提問

在每位講師演完之后，現(xiàn)場的開發(fā)者們都踴躍的提出自己的觀點，和三位講師進行交流。大家相對比較關(guān)注的技術(shù)如三維模型顯示、hybrid、5+ runtime引擎、流應用等。由于時間關(guān)系，講師們回答有限幾個問題之后，留下各自聯(lián)系方式，以便后續(xù)和開發(fā)者交流。之后MDSA也會把各位老師分享的 PPT以及給廣大的開發(fā)者分享。

大會以精心的抽獎環(huán)節(jié)告終，抽獎方式是從現(xiàn)場所有開發(fā)者手中收集的調(diào)查問卷中選出。通過三次抽獎，現(xiàn)場開發(fā)者熱血沸騰，獎品是一款雷蛇游戲鍵鼠套裝和兩款智能的運動手環(huán)。

[[154484]]

整個沙龍結(jié)束后開發(fā)者們意猶未盡，還在在和老師們探討交流今天的演講內(nèi)容。

寫在***：

萬維網(wǎng)聯(lián)盟（W3C）宣布 HTML5 完成標準制定一周年紀念日已過去兩天，15年HTML5飛速發(fā)展，有很多人正處在基于HTML5的宣傳廣告、移動應用、手機頁游等產(chǎn)品開發(fā)的路上。純粹的 HTML5正處于少年期，它有更廣闊的未來，等著開發(fā)者腳踏實地的一步步深入探索。同時也有一些問題需要開發(fā)者們?nèi)タ朔?。HTML5對移動應用革命性的影 響力深深地吸引著眾多的開發(fā)者向前進，在明年，在未來HTML5 將會更加普及。相信來參加移動開發(fā)者服務聯(lián)盟(MDSA)線下公開課的開發(fā)者，都已經(jīng)感受到HTML5的力量，期待下次公開課與大家再次聚首。

MDSA線下公開課每月一期，力求為廣大開發(fā)者解決移動開發(fā)各個環(huán)節(jié)中所遇到的問題。也希望更多開發(fā)者關(guān)注51CTO，關(guān)注MDSA。 我們會一如既往為廣大開發(fā)者邀請業(yè)內(nèi)最權(quán)威的講師，分享最有價值的干貨！下期見了！

MDSA線下公開課PPT下載地址：

◆ 多端發(fā)布和流應用，HTML5超越原生的利器副本

◆ 構(gòu)建云上的云

◆ Web從此走入3D時代 - 基于HTML5/WebGL的3D模型瀏覽技術(shù)探討