快速建立實用的人機界面 – Web 前端架構(gòu)實戰(zhàn)錄

【課程背景】

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

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

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

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

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

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

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

【課程收益】

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

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

【課程對象】CIO（首席信息官），CTO（首席技術官），研發(fā)項目管理總監(jiān)，研發(fā)團隊成員，數(shù)據(jù)中心運維團隊骨干成員，系統(tǒng)研發(fā)骨干成員，系統(tǒng)運維骨干成員

【課程時間】6小時

【課程大綱】

一、前端需要“架構(gòu)”嗎？

a)       架構(gòu)與設計的關系

b)      系統(tǒng)內(nèi)架構(gòu)

c)       應用級架構(gòu)

d)      模塊級架構(gòu)

e)       代碼級的規(guī)范與原則

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

a)       前端常用的主流框架

b)      Web前端開發(fā)運維的優(yōu)勢點

c)       Web前端架構(gòu)的選型

d)      Web前端架構(gòu)的發(fā)展方向

e)       案例分享 – 某電商前端開發(fā)架構(gòu)的演進

三、前端架構(gòu)的設計準則為何？

a)       適度設計

b)      聚焦問題/需求

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

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

e)       成本為關鍵成功要素

f)        謹遵開發(fā)流程

g)      重視性能測試

h)       慎用開源代碼

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

四、Web前端的系統(tǒng)架構(gòu)包含哪些關鍵元素？

a)       數(shù)據(jù)結(jié)構(gòu)與算法

b)      云計算平臺/云服務

c)       操作系統(tǒng)/網(wǎng)絡

d)      開源領域

e)       分布式架構(gòu)處理

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

a)       HTML based

b)      API Gateway

c)       應用動態(tài)加載

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

六、Web前端開發(fā)的核心思想為何？

a)       解決問題

b)      定性與定量

c)       數(shù)據(jù)敏感

d)      人工效率比

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

七、課程總結(jié)

a)       學員心得分享

b)      重點摘要

答客問