# 2021 六角學院 Vue 作品實戰班 ![](https://images.unsplash.com/photo-1485988412941-77a35537dae4?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1072&q=80) ### 當初為什麼報名這堂課? 雖然已經完成Vue 出一個電商網站的最終作業,但對於Vue.js還是很不熟,再加上這次Vue 作品實戰班是採用Vue 3來教學,而Vue 2有許多觀念到Vue 3還是適用,因此想藉此機會複習Vue 2及學習Vue 3。 ### 第一週~第八週的學習過程 在第1、2周是介紹介紹在學習Vue.js前所需具備的JS觀念,像是箭頭函式、關注點分離、物件傳參考、this及如何串接API...等觀念,接著才開始介紹Vue.js。 第3周開始進入Vue.js的基礎教學,這邊只要透過練習很快就可以熟悉教導Vue.js的語法。 第4周則是小魔王關來到Vue.js的元件跟生命週期觀念,將程式碼太長、或是部分元件需要多次運用...等來進行拆分的動作,這部分需要一點記憶及多次練習,才能夠熟悉元件觀念。而生命週期也是對於新手比較陌生及經常踩雷的觀念。 第5周則是元件的進階語法,如何使用$refs、mitt跟watch還有VeeValidation,六角還很佛心提供VeeValidation使用手冊讓學員快速上手,真的很實用,大推👍 第6、7、8周是為了最終作業做準備,第6周解說如何透過Vue CLI快速建立開發環境,對於不熟webpack的新手來說,是個很友善的工具。而Vue Router則是讓Vue.js可以做出SPA單頁式應用程式!第7周請到俊儀老師來教導如何設計一個好網站,一邊聽俊儀老師在講解時,一邊想到先前Vue 出一個電商網站的最終作業踩到超多雷點,真是對不起俊儀老師。第8周是實戰演練,老師來live coding最終作業的基本功能。 ![](https://i.imgur.com/jFLMyty.png)上圖為Vue 作品實戰班課程難度 ### 最喜歡直播班的哪些活動? **每日任務**:助教每日都會提供任務來讓學員們練習。 **助教直播** 、**作業解說**:為了不讓學員們卡在主線任務而失去學習的心,六角除了提供助教直播之外,這次連老師都有來講解主線任務喔! **每日slack助教問答、作業的Code Review**: 感謝助教們回答我稀奇古怪的問題(汗)。此外,每次拿到作業Code Review都覺得助教們是程式天使,除了鼓勵我完成任務之外,也會友善地提出修改建議。 **最後的額外加碼** :六角學院真的是瘋狂地加碼,但要拿到額外加碼是需要自己的努力的,但相信透過以上活動跟乖乖寫作業,應該都可以拿到加碼內容。 ### 覺得還可以改善的細節 如果上課時間可以拉長一點就好了,雖然最終任務有延長時間,這次Vue 作品實戰班完後緊接著是網頁切板直播班的開課,因此對於有上網頁切板直播班(我),時間真的非常緊湊。 ### 身為學長姐,分享些想入坑的新同學一些勉勵的話 滿鼓勵上完影音班的同學,來上直播班。除了可以當作複習之外,也從中學習其他額外的知識點及最後的加碼內容可以更深入了解Vue.js。