適合傳統(tǒng)OFFICE開發(fā)者的網(wǎng)頁開發(fā)知識(shí)學(xué)習(xí)路徑

時(shí)間：2023-07-05 11:33:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-05 11:33:02 來源：網(wǎng)站運(yùn)營(yíng)

適合傳統(tǒng)OFFICE開發(fā)者的網(wǎng)頁開發(fā)知識(shí)學(xué)習(xí)路徑：網(wǎng)頁開發(fā)知識(shí)一大堆，單單這些知識(shí)，就有了前端開發(fā)的職位，正因?yàn)樘嘀R(shí)，很多人都對(duì)其望而卻步，包括過去筆者也是這樣的感受。




筆者的成長(zhǎng)歷程，完全是一個(gè)非技術(shù)科班的草根之旅，相信個(gè)人的技術(shù)成長(zhǎng)經(jīng)歷能夠給予許多傳統(tǒng)OFFICE開發(fā)者許多的啟發(fā)和方向引領(lǐng)。幫助大家減少對(duì)網(wǎng)頁開發(fā)新知識(shí)的恐懼感。




誠(chéng)然，太多的知識(shí)，但對(duì)于我們專注于開發(fā)OFFICE插件，絕大部分是操作OFFICE對(duì)象模型的需求來說，并不必像一般前端開發(fā)崗位要求的那么高深復(fù)雜。




有選擇性地分辨哪些值得學(xué)，哪些可以放下，這一點(diǎn)比一頭載進(jìn)去一直學(xué)要管用得多，技術(shù)領(lǐng)域猶如浩瀚海洋，無窮無盡，建議在用中學(xué)，不夠時(shí)再慢慢補(bǔ)充，不必一次性透支長(zhǎng)時(shí)間高密度來學(xué)習(xí)某一細(xì)分技術(shù)領(lǐng)域，可能真正學(xué)下來，可用場(chǎng)景太少，最終產(chǎn)生很強(qiáng)的挫敗感，導(dǎo)致結(jié)局是從入門到放棄的怪圈中掙扎。

認(rèn)真自己的核心優(yōu)勢(shì)

傳統(tǒng)OFFICE開發(fā)者，相信大部分都是因著興趣的原因，而非專業(yè)開發(fā)人員轉(zhuǎn)崗來做這樣的工作，先對(duì)OFFICE的操作非常熟練，繼而學(xué)習(xí)VBA腳本語言將其界面操作轉(zhuǎn)化為代碼操作，然后開始對(duì)編程語言有一些的認(rèn)識(shí)。




所以上述這類群體的最大優(yōu)勢(shì)是對(duì)OFFICE內(nèi)部功能非常熟悉，并熟練這些功能對(duì)應(yīng)的VBA對(duì)象模型如何去操作。

我們最終做WPSJS開發(fā)過程中，也是集中運(yùn)用好這些優(yōu)勢(shì)，而不是和專業(yè)前端開發(fā)比拼誰做的界面漂亮，怎樣和后端數(shù)據(jù)庫對(duì)接之類的知識(shí)。

WPSJS開發(fā)的額外技能點(diǎn)

上述這類群體是對(duì)自己想要什么非常清晰，就差怎樣將其實(shí)現(xiàn)出來，目前已經(jīng)會(huì)使用VBA進(jìn)行實(shí)現(xiàn)，但新的WPSJS需要使用javasript語言，而不能再用VBA了。




同樣地過去我們是使用winform技術(shù)來繪制窗體，使用文本框、單選、復(fù)選等按鈕來和用戶作交互，如今需要使用網(wǎng)頁作為容器，在上面放置我們過去的這些交互元素。所以就產(chǎn)生了需要學(xué)習(xí)控制網(wǎng)頁的技術(shù)。




所以我們必須去掌握javascript這門語言，最低限度是知道過去怎樣用VBA去操作OFFICE對(duì)象模型，現(xiàn)在要轉(zhuǎn)化為會(huì)用javascript去替代它。同樣地過去復(fù)雜一點(diǎn)的交互，需要會(huì)使用窗體并其中的控件，現(xiàn)在也需要會(huì)一點(diǎn)html語法，在網(wǎng)頁上繪制一些交互元素并綁定事件和用戶行為進(jìn)行交互。

如何學(xué)習(xí)網(wǎng)頁開發(fā)知識(shí)

筆者這里簡(jiǎn)單梳理下網(wǎng)頁開發(fā)的知識(shí)點(diǎn)，學(xué)習(xí)的地方是w3school里的簡(jiǎn)易教程即可。只需快速地將其中的教程過一遍，能夠跟著里面的測(cè)試題練習(xí)下，有個(gè)初步的印象，重點(diǎn)對(duì)javascript語言的熟悉，學(xué)習(xí)一門語言，配上一定的練習(xí)是必不可少的。

適合傳統(tǒng)OFFICE開發(fā)者的網(wǎng)頁開發(fā)知識(shí)學(xué)習(xí)路徑.xmind

親自上手WPSJS項(xiàng)目練手

有了這些基本功，就可以開始看WPSJS的接口文檔，應(yīng)該能看懂里面的代碼了，然后再倒騰一下npm工具的demo項(xiàng)目，對(duì)ribbon.xml和對(duì)應(yīng)的回調(diào)方法進(jìn)行理解下，簡(jiǎn)單通過錄制js宏，將代碼嫁接過來再修改下，跑通自己的demo，就慢慢可以自己進(jìn)階學(xué)習(xí)了。




具體整個(gè)WPSJS項(xiàng)目的生成、部署等操作，在QQ群是有官方的一些視頻可參考，后續(xù)筆者有機(jī)會(huì)也會(huì)對(duì)其開展一些直播，現(xiàn)場(chǎng)一起更多互動(dòng)學(xué)習(xí)，畢竟非語言部分還是視頻演示更為直觀得多。