快速建立實用的人機界面 – Web 前端架構實戰錄

【課程背景】

軟件架構，是一種為了解決復雜問題的通用模式。軟件架構，是關于軟件系統的一系列有層次的技術決策的集合。換句話來說，當我們討論架構的時候，不能只討論某某架構，而是要包含其實施，以及后期的維護。對于復雜的后端系統來說，是一種不錯的『低耦合，高內聚』的實施。但是，它并不適合于大部分的小公司——復雜的架構不適合于簡單的應用。而小公司也缺乏足夠的人才，來實施一個復雜的系統，與此同時還需要有人能維護這個系統。

在互聯網開始形成之初，還沒有專門的前端人員，一般都是前后端都會，在開發的時候也是一邊API接口服務，一邊開發頁面，發布也是一個發布包搞定。前端一般只是負責切圖工作，就是將UI設計師的設計圖布局成靜態頁面，前端是不參與交互邏輯和業務開發的，前端也是當時統一的吐槽對象。當時淘寶的Web架構比較流行基本上都是基于MVC框架webx，所以前端寫好靜態html 然后后端開發人員翻譯成vm模板.....

這樣就導致了前后端工作的分配不均，開發效率慢，代碼維護量也大。為了解決痛點 慢慢開始前后端分離的架構流行開來 很好的解決了前后端分工不均問題，將更多的交互邏輯分配給前端來處理，而后端則可以專注于其本職工作。例如后臺開發可以有跟多的時間進行后臺權限控制以及復雜的運算工作，前后臺解耦 ，兩者同時開始推進項目進度，增加開發效率。

眾所周知，Web開發自出現以來一直存在性能，表現和體驗的先天不足，但時至今日，事實已經并非如此，一些看上去甚至比桌面程序更炫的應用和網站橫空出世，客戶也被吊足了胃口。Web開發桌面化已經是無法阻擋的潮流，而前端開發的需求應該會向更加注重界面表現，速度流暢，用戶體驗的方向發展，而且要求只會越來越高。

而在后端穩定、性能、安全、存儲和業務等核心問題依然是主流，所以前后端的需求必將日益分化，注重表現和注重內在的前后端開發人員必將需要適合自己的舞臺。

未來是數字化的時代，企業也必將經歷數字化轉型。這種“轉型”不僅僅是企業單靠技術、研發模式、產品的升級來達到，而是與上下游、用戶、合作伙伴共同協作，改變商業模式的一種“數字化轉型”，從根本上改變自我定位，從“唯我”向“伙伴”轉變。在未來，越來越多的傳統產品，也將采用互聯網企業推出產品時，分測試版和正式版的思維，最終這種思維會在全行業，任何領域普及。

課程將以Web前端架構設計與管理的本質為核心，幫助學員認識Web前端管理的核心理念、了解Web前端管理機制在系統研發中，扮演了什么角色？如何利用數字化科技、工具與方法，全面提升Web前端運維的生產力？能夠使Web前端運維研發團隊，能夠具備展望未來的數智化研發管理新思維，協助軟件產品研發團隊與業務單位提升創新能力與生產力，同時還能提升自身的數字化軟件研發治理能力！

【課程收益】

本課程從前后端分離的大勢出發，結合數字化研發管理時代的基本特征，能夠幫助學員把握數字化時代Web前端架構的發展實質，探索數字化Web前端研發管理的發展模式和關鍵科技點。

【課程特色】結合業界知名論述與市場經驗，使學員能知其所以然；輔之以實際案例解析，能以之為鏡

【課程對象】CIO（首席信息官），CTO（首席技術官），研發項目管理總監，研發團隊成員，數據中心運維團隊骨干成員，系統研發骨干成員，系統運維骨干成員

【課程時間】6小時

【課程大綱】

一、前端需要“架構”嗎？

a)       架構與設計的關系

b)      系統內架構

c)       應用級架構

d)      模塊級架構

e)       代碼級的規范與原則

二、Web 前端的框架以及發展趨勢為何？

a)       前端常用的主流框架

b)      Web前端開發運維的優勢點

c)       Web前端架構的選型

d)      Web前端架構的發展方向

e)       案例分享 – 某電商前端開發架構的演進

三、前端架構的設計準則為何？

a)       適度設計

b)      聚焦問題/需求

c)       明確問題/需求的本質

d)      以“技術”為選型基準

e)       成本為關鍵成功要素

f)        謹遵開發流程

g)      重視性能測試

h)       慎用開源代碼

i)        案例分享 – 海外電信運營商 數據中心云管平臺

四、Web前端的系統架構包含哪些關鍵元素？

a)       數據結構與算法

b)      云計算平臺/云服務

c)       操作系統/網絡

d)      開源領域

e)       分布式架構處理

五、Web前端有哪些應用場景？

a)       HTML based

b)      API Gateway

c)       應用動態加載

d)      案例分享（海外電信運營商 云網融合）

六、Web前端開發的核心思想為何？

a)       解決問題

b)      定性與定量

c)       數據敏感

d)      人工效率比

e)       案例分享 - 開源技術整合

七、課程總結

a)       學員心得分享

b)      重點摘要

答客問