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

【課程背景】

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

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

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

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

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

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

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

【課程收益】

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

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

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

【課程時(shí)間】6小時(shí)

【課程大綱】

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

a)       架構(gòu)與設(shè)計(jì)的關(guān)系

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

c)       應(yīng)用級(jí)架構(gòu)

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

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

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

a)       前端常用的主流框架

b)      Web前端開(kāi)發(fā)運(yùn)維的優(yōu)勢(shì)點(diǎn)

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

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

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

三、前端架構(gòu)的設(shè)計(jì)準(zhǔn)則為何？

a)       適度設(shè)計(jì)

b)      聚焦問(wèn)題/需求

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

d)      以“技術(shù)”為選型基準(zhǔn)

e)       成本為關(guān)鍵成功要素

f)        謹(jǐn)遵開(kāi)發(fā)流程

g)      重視性能測(cè)試

h)       慎用開(kāi)源代碼

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

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

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

b)      云計(jì)算平臺(tái)/云服務(wù)

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

d)      開(kāi)源領(lǐng)域

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

五、Web前端有哪些應(yīng)用場(chǎng)景？

a)       HTML based

b)      API Gateway

c)       應(yīng)用動(dòng)態(tài)加載

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

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

a)       解決問(wèn)題

b)      定性與定量

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

d)      人工效率比

e)       案例分享 - 開(kāi)源技術(shù)整合

七、課程總結(jié)

a)       學(xué)員心得分享

b)      重點(diǎn)摘要

答客問(wèn)