大前端課程 - 4.5個月學習總結

文章內容輸出來源：大前端高薪訓練營

時光匆匆如白駒過隙，4.5個月的大前端課程學習，讓我收穫了很多，也意識到雖然知識是有限的，但是隨著學習的深入，發現自己不會的知識也越來越多。

_{從幾個方面記錄一下最近的學習的情況吧。}

一、課程內容

我現在已經學習了30%了，看似好像很慢，其實並不是慢，而是因為內容太豐富了，每個 Part 都有好幾個模組，而每個模組差不多要學2個星期左右，因為每個模組講的就是一個技術方向的大知識點，這些一個個模組單獨拎出來都可以當一門或者幾門那種幾百塊錢的小課賣了。

一個模組的課時大概幾個小時吧，但是邊學邊記筆記，還要一邊 coding,差不多學完內容就要十來個小時了，加上做作業還要幾小時，哇，一星期時間經常不夠啊，有時候被卡住了，還得等著導師和同學的解答，然後再去嘗試，就比較耗時間了。

我們進度最慢的章節大概就是3-3和3-4了，這兩節涉及到了SSR和伺服器部署，只要一涉及到線上部署，大家就會遇到各種各樣奇奇怪怪的問題，我對伺服器還算比較熟了，做起來還算順利，有些對伺服器不熟的同學，還要先去買伺服器，然後一步一步學著怎麼開放埠，怎麼部署，怎麼設定，看他們在某一步卡了幾十次都沒能解決，我都感覺到很心疼🙁 但是等他們解決了之後，成功的喜悅是溢於言表的。

除了錄播課外，每週的直播課也令我特別期待，這麼多次的直播課我一次都沒落下過，其中我最喜歡的就是前端面試題講解和伺服器購買Nginx部署以及Docker使用，哈哈😆這些剛好都是加餐內容，感覺這種主線之外的知識更能吸引我的興趣，反而比講個Vue&TS或Node更能讓我亢奮😂😂😂

二、教學服務

班主任每日監督進度已經成了日常便飯了，每天提醒學習、安排直播課等，鼓勵大家問答，服務很到位👍

上個月教研組給我們準備了一場期中考試，20道必答題+2道選答題。
這些題目都是導師們蒐羅來的各個大廠的筆試題/面試題，期中考試為期時長一個星期，在考試前，還給了我們一個星期的複習時間，大部份考點都是我們前期學到的知識。考完試後過了一個星期，老師們就批改好了，並且還給我們的成績做了排名，雖然這個排名不計入課程學習的排名，只是為了促進大家複習，但教研組還是根據我們的排名給了相應的獎勵，獎勵了大家自由挑選了幾門小課贈送入賬😊😊。

前個星期導師又在群裡發了一個我最想去的公司的招聘，本來我還未做好準備的，打算課程學完後再去面那家，但是想想為何現在不試一試呢，就算失敗了也沒有什麼損失，如果成功了就提前勝利了。之前讓導師幫我看過簡歷指出了問題，我又用它的招聘網線上生成了一份格式漂亮工整的簡歷交給了導師，讓導師幫我去投一下那個招聘。雖然還不知道結局，可能是因為技術棧不符，那個招聘的是Flutter技術棧，我不會Flutter。但是離課程畢業還有一段時間，再接下來的時間裡我還會學習到更多的知識，而那家公司肯定還會繼續招聘，等我課程學完之時再去一試💪。

最後真心想誇一誇我們熊導，今天一個Promise的問題困惑了我，我在群裡提問同學們和老師們給我解釋但我沒搞明白，熊導非要打電話給我講清楚😂😂，來來回回三次電話，最終讓我明白了，真真真太體貼了，最愛熊導🤗🤗🤗🤗

const myPromise = () => Promise.resolve('I have resolved')

function FirstFun () {
  myPromise().then(res => console.log(res))
  console.log('first')
}

async function SecondFun () {
  console.log('second 1')
  console.log('second', await myPromise())
  console.log('second 2')
}

FirstFun()
SecondFun()

/*
列印結果：

first
second 1
I have resolved
second I have resolved
second 2

 */

三、個人收穫

隨著這幾個月對前端知識體系涉足地越來越深入，現在不再像以前那麼迷茫了o(￣︶￣)o。

這兩天領導們居然讓我去支援我們公司的另一個專案，而且指明只要我去😎😎 看來是我最近一段時間的學習，使我的實力產生了肉眼可見的進步（自我腦補···）。雖然有點遠，但還挺激動的🤡。

這幾個月裡，跟著大前端課程學習，我從對Vue完全不懂，到現在已經可以輕鬆使用Vue和它的生態技術，時不時的還可以幫助其他同學回答一些Vue原始碼裡的東西，哈哈好開心啊，而且我也發現了其實Vue原始碼很好讀懂，裡面的變數名、方法名就已經是最好的註釋了，複雜的地方還會有英文註釋，只有英語不是太差，又能耐得下心思認真去看去思考，其實不是很難的。

近期導師還給我們佈置了一個任務，就是大家用Vue來寫一個類似ElementUI的開源元件庫，第一版先寫個簡單的，把功能實現，我們每個同學認領一個元件，我選擇了Progress。這還是我第一次寫通用元件呢， 不過其實也不是很難，因為有ElementUI可以參考，該有哪些屬性都知道，所以只需要處理好各個屬性對應的樣式或功能即可。在遇到不會的地方，比如說Progress的為dashboard的時候，還需要用到SVG，而我不太熟悉SVG，這裡我就去參考了ElementUI的原始碼，看看它裡面的dashboard用SVG是怎麼實現的。現在這個元件庫已經快完成一半了，其中也有我的一份力，想想就開心😝這還是我第一次參與這種大專案共同作業呢，不僅收穫了一個共同作業開發開源元件庫的經驗，還提升了我在開發元件過程中相容各種屬性的coding(踩坑)能力😂😂

---