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

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

[[154479]]

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

[[154480]]

Autodesk資深開發顧問杜長宇

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

3D立體模型效果展示

[[154481]]

杜老師給開發者演示Web中幾種可交互的3D立體模型效果，看了如此效果，二維和三維如何選擇想必現場開發者已有定論。

在線三維模型瀏覽工具

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

Autodesk Viewer

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

LeanCloud高級工程師尼奧

接下來演講人是來自LeanCloud高級工程師尼奧（王瀟），演講的主題是《構建云上的云》。目前負責LeanCloud JavaScript SDK 及 Web 端產品，有豐富的 Web 產品和技術產品開發經驗。

回顧云服務 解析云上的云

[[154482]]

曾經開發一個產品需要Desiger、FE、BE、OP四各環節，之后OP就被眾多云服務所代替。有了BaaS 以后（云服務 2.0）BE、OP這兩個環節也可節省，使得寫程序更容易，產品迭代更快速。基于LeanCloud自身需求與服務，開始在產品和技術層面的綜合考慮，比 如說產品瀏覽器兼容性的問題，就要在技術層面權衡。

技術棧與分工

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

 LeanCLoud

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

Dcloud高級前端工程師崔紅保

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

MUI —高性能前端框架

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

HBuilder工具

HBuilder工具作為HTML5開發工具有多語言編輯、離線登錄、一鍵搜索等優勢。

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

HTML5應用在功能和性能上都可以和原生應用相媲美，HTML5應用跨平臺六端齊發、動態執行、成本低等其特有的優勢。崔老師***表示，基于HTML5流應用產皮終將超越原生。

[[154483]]

開發者提問

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

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

[[154484]]

整個沙龍結束后開發者們意猶未盡，還在在和老師們探討交流今天的演講內容。

寫在***：

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

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

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

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

◆ 構建云上的云

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