1. 程式人生 > >擁抱大前端 盤點那些值得你瞭解的最佳開發實踐

擁抱大前端 盤點那些值得你瞭解的最佳開發實踐

前端領域生態繁榮,致力於提高生產效率的技術、工具不斷推陳出新,可謂群雄割據且各有千秋。企業及前端開發者在實際開發中可選擇的空間大大增加,但也面臨著選擇困難症。抑或雖已確定了技術棧,但實際開發中卻時不時遭遇各種“坑”的牽絆。深入瞭解各大技術的優勢與劣勢,同時結合自身業務需求,你的技術選擇之路將會變得更加明朗;深入瞭解其他企業對各大技術的應用實踐及所踩過的坑,你的技術應用之路將會更加順暢。畢竟有些人,有些企業趟過的坑,我們不必再趟。


基於這個目的,我們特別策劃了SDCC 2017“前端技術實戰線上峰會”(更多資訊可點選「閱讀原文」檢視),邀請來自阿里巴巴、蘇寧雲商、美團點評、餓了麼、去哪兒網、白鷺時代等多家企業的前端專家及技術圖書作者,圍繞React、AngularJS、Weex前端熱門框架在企業中的應用實踐,及WebAssembly、MVVM等技術熱點展開深入分享,幫助大家解決實際生產中遇到問題。而且,每個演講時段均設有答疑交流環節,與會者可以提前將平時遇到的實際難題記錄下來,到時可以和講師零距離交流。


為了方便大家,本次峰會特別定於11月25日(週六)召開,採用線上直播形式,不受地域限制,在家即可與各大牛學習、交流。接下來,為大家介紹本峰會的更為詳細的內容。


本峰會日程公佈如下,限時特惠199元點選「閱讀原文」立即報名】


0?wx_fmt=png


講師&議題介紹


0?wx_fmt=jpeg
鍾欽成 著名的JavaScript專家,去哪兒網前端架構師


演講主題:React API設計上的精華糟點及與其帶來的使用注意點 

個人簡介:鍾欽成,網名司徒正美,著名的JavaScript專家,去哪兒網前端架構師,立志做考古學家的日語系工程師,穿梭於二次元與二進位制間的“魔法師”,做過陶藝,寫過小說,涉獵Java、Ruby、JavaScript。曾出版《JavaScript框架設計》一書。 

主題簡介:通過剖析React的內部實現讓我們更好編寫React程式碼,不會讓你的程式碼破壞它的內部優化與將來的升級遷移 

分享大綱: 


1. JSX與createElement的選擇; 
2. 虛擬DOM與CurrentOwner.current之間的繫結; 
3. CurrentOwner.current與ref的繫結; 
4. ref的多層穿梭; 
5. 為什麼我們不建議用refs.xxx(字串ref); 
6. 基於冒泡的事件系統; 
7. focus/blur/mouseenter/mouseleave的實現; 
8. 基於列隊的setState非同步更新機制; 
9. 不斷推遲的更新回撥; 
10. 虛擬DOM樹的設計失誤; 
11. 如果實現不同文件之間的過渡; 
12. 不要使用Children helper對虛擬DOM樹進行窺探與操作; 
13. 不可變物件導致的代價與收益; 
14. 如何決定是否繼續diff。 

適合人群:低中高階React使用者群 


聽眾受益:知其然,知其所以然。詳看上面的大綱,裡面涉及許多內部原理。


0?wx_fmt=jpeg
王芃 邁冠科技總經理,《Angular從零到一》一書作者


演講主題:響應式程式設計在Angular中的應用 

個人簡介:王芃,邁冠科技總經理。曾任東軟集團嵌入式專案總監,索課科技CTO,連續創業者。對Web前後端技術均有涉獵,著有《Angular從零到一》一書和《Angular打造企業協作平臺》視訊課。 

主題簡介:介紹響應式程式設計的概念,以及響應式程式設計的優勢和特點,以多個生動的小例子說明RxJS的用法。介紹Angular對於響應式程式設計的支援,如何利用RxJS打造響應式的Angular應用。 

分享大綱:

 
1. 響應式程式設計全面介紹; 
2. RxJS操作符使用說明; 
3. Observable的冷和熱; 
4. Angular中的Rx支援; 
5. Async Pipe功能解析。 

適合人群:瞭解函式程式設計,有ES6、Angular開發基礎的前端開發者。 

聽眾受益: 
1. 從菜鳥到大牛的思路轉換; 
2. 如何處理複雜業務邏輯; 
3. 掌握 Angular進階技巧。


0?wx_fmt=jpeg
喬樑 蘇寧雲商IT總部資料雲公司前端開發部開發經理


演講主題:老兵不死,基於Angular1構建大資料後端管理平臺系統 

個人簡介:喬樑,蘇寧雲商IT總部資料雲公司前端開發部開發經理。參與了多個雲端計算專案的前端開發工作。現在在蘇寧體育集團領導前端團隊進行蘇寧體育相關業務的開發工作。在Angular1、Vue、Node.js等技術方面都有比較豐富的開發經驗。 

主題簡介:本演講主要介紹在蘇寧雲這樣後臺系統比較多的場景下,前端部門利用AngularJS封裝能夠快速搭建符合後端管控需求的開發解決方案。 

演講將從兩個方向展開: 


1. 自頂向下的方向,從業務和需求的角度看,AngularJS的優勢以及生產實戰中框架需要提供哪些常用的能力; 
2. 自底向上的方向,從程式碼角度看,管控類平臺的常用場景上,前端開發人員應該具備哪些技術和能力。與常規傳統的前端開發有哪些區別以及蘇寧雲的機器學習業務的前端實戰。 

分享大綱: 


1. 後端管控平臺的實際痛點; 
2. 如何快速響應業務部門的管理平臺開發需求; 
3. 如何將後期維護的鍋優雅的“甩”給業務部門; 
4. 面對複雜應用場景,MVC的優勢是什麼; 
5. 前端工程師在後端管控平臺業務上的技術成長空間在哪裡。 

適合人群: 


1. 從事後臺管控類平臺的前端開發人員; 
2. 前端入門人員; 
3. 有後臺管理頁面需求的Java開發人員。 

聽眾受益: 


1. 學習如何構建一套完整的前後端分離的管控類平臺前端解決方案; 
2. 瞭解除了框架命令和腳手架之外,前端工程師還需要掌握哪些基本的技術和能力; 
3. 瞭解如何編寫易於維護的前端程式碼。


0?wx_fmt=jpeg
董巖 阿里巴巴手淘基礎平臺部Weex平臺技術主管,高階技術專家


演講主題:Apache Weex:移動研發的進階之路 

個人簡介:董巖,阿里巴巴手淘基礎平臺部Weex平臺技術主管,高階技術專家。長期致力於瀏覽器引擎、Web技術及移動端技術,WebKit Committer。 
主題簡介:本分享立足於全面介紹Weex,並側重講基於Weex做移動研發的優勢。主要內容包括Weex的發展史、能力、特性、社群、開源及規劃。 

分享大綱: 


1. 移動研發的挑戰; 
2. Weex架構與開發模式; 
3. Weex效能優化與互動升級; 
4. Weex開源社群; 
5. Weex的未來。 

適合人群:前端開發者,希望使用前端技術開發移動應用。 

聽眾受益:瞭解Weex的原理、技術特點與開發方式,瞭解使用Web技術實現移動端開發的趨勢與發展方向。


0?wx_fmt=jpeg
王禹華 美團點評iOS高階工程師


演講主題:MVVM在美團點評酒旅移動端的最佳實踐 

個人簡介:王禹華,美團點評iOS高階工程師。本科和碩士畢業於北京郵電大學計算機專業。2015年1月加入美團酒旅事業群,先後負責美團度假、點評度假、酒店核心業務的開發,有很豐富的業務研發經驗。目前是美團酒店商家iOS負責人,對移動開發的架構、效能和自動化測試都很感興趣。 

主題簡介:開發效率與質量是開發人員亙古不變的關注點,而MVVM作為移動應用主流的架構不僅可以通過程式碼複用、解耦有效提高開發效率與程式碼的可維護性,還易於支援移動應用的自動化測試從而有效提高程式碼質量。 

美團酒旅從2015年春季就開始嘗試MVVM,通過兩年多的時間已積累了豐富的經驗和一定成果:MVVM架構廣泛應用於美團點評的住宿、度假、交通各業務線,支援美團、點評等多個App的多端複用;同時,基於MVVM的自動化測試目前已覆蓋酒旅80%+的交易流程。本課程將結合美團酒旅的業務經驗,提供程式碼實戰和自動化測試實戰,讓MVVM真正為團隊和業務創造更大的價值。 

分享大綱: 


1. MVVM背景介紹 
(1)MVVM是什麼; 
(2)MVVM解決的問題:程式碼複用、自動化測試。 
2. MVVM開發實戰 
(1)五種繫結; 
(2)Demo展示; 
(3)MVVM和程式碼複用。 
3. MVVM和自動化測試 
(1)自動化測試是什麼 ; 
(2)自動化測試技術棧 ; 
(3)真MVVM和自動化測試; 
(4)五種繫結的自動化測試實戰; 
(5)自動化測試成本、收益和可維護性。 

4. 總結和展望 

適合人群:針對iOS從業人員,對業務架構、自動化測試等感興趣的業界同行。 

聽眾受益:通過本課程,你可以更深入地瞭解移動端MVVM架構和基於RAC的實戰,並對移動端自動化測試的方法和落地有一定了解,為團隊的效率和質量提升提供幫助。


0?wx_fmt=jpeg
王澤 北京白鷺時代資訊科技有限公司白鷺引擎首席架構師


演講主題:白鷺引擎在WebAssembly中的實踐 

個人簡介:王澤,北京白鷺時代資訊科技有限公司白鷺引擎首席架構師。八年遊戲行業開發從業經驗。目前主要聚焦於 HTML5遊戲引擎開發、TypeScript以及WebAssembly技術相關的研究與實踐工作。 

主題簡介:白鷺引擎是目前HTML5遊戲行業十分流行的遊戲引擎,在最新的5.0版本中加入了WebAssembly渲染器的支援。本演講將向大家分享白鷺如何運用WebAssembly切實提升遊戲的渲染效能,以及這個過程中的“崎嶇坎坷之路”。 

分享大綱: 


1. 遊戲引擎的基本原理; 
2. JavaScript的效能瓶頸分析; 
3. WebAssembly技術的原理; 
4. 白鷺引擎在WebAssembly中的實踐。 

適合人群:前端開發者、遊戲開發者 

聽眾受益: 


1.瞭解JavaScript的效能瓶頸及熱點; 
2.瞭解WebAssembly的原理,並可以使用WebAssembly開發簡單程式; 
3.瞭解WebAssembly開發中會遇到的問題和解決方案。


掃描下方二維碼,入群交流

0?wx_fmt=jpeg

更多峰會資訊及報名請點選「閱讀原文」檢視。