2023-Vue六角直撥班心得
更新於 2023/03/19閱讀時間約 1 分鐘
為什麼會參加這個課程
2022年是個不一樣的年，因為當初自學由設計轉前端工程師、一路上跌跌撞撞因為想要把基底打穩所以今年下定了決心從2022切版班、Js直播班、一路跟到目前2022秋季Vue直播班。
Vue直播班的心得
前兩週其實都還跟得上，但到了第三週對我而言確實感覺有些難了啊～正在心裡徬徨第三週作業要開始怎麼做時，這時印象很深又加上快過年了..OMG... 後來天降一個大神『卡斯伯』老師出現了～～（忽然想放BGM 登愣～) 卡斯伯老師帶著我們這些不太懂所謂的的框架菜菜、一路帶到第六週課程，在這中間雖然跟著做但這過程中也學會業界實作的流程與如何拆分框架怎麼起手式，在今年中也有個非常特別的課程是作品實作專題班由『洧杰老師』帶領著大家衝屬於自己發想題目的的作品，在這課程最大的心得就只有兩個『終於了解業界實作』、『遇上Code問題如何解決』，真的其實非常充實。
最後感想
在這其中有個小插曲，就是忽然過年前拿到一家公司offer 在非常開心中心也非常擔心，因為這公司用的框架卻是．．『React』...，這對我這個菜菜真的是更擔心了、但還好還好六角卡斯伯老師年前有出了『React實戰影音課程』!!
後來邊上Vue直播班課程又邊狂衝React實戰影音課程真的是讓我已經身心疲憊、精神都快錯亂了，但還好框架有很多地方都有共同相似的地方，最後因為真的時間真的太不夠用了，每週作業都只是做Lv1跟照著老師的教學來實作做壓線得繳交作業，最後最後的感想如果你真的想要從初學瞬間變強一點、真的蠻推薦你來試試看的，目前希望2023年秋冬還有預算與多出來的時間的話還想二刷再次挑戰Vue直撥班，希望這些精神錯亂的文字可以幫到一些想來上直播班的同學們，也許我們會在下一次2023年又當上一次同學了喔～
1會員
2內容數
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令，而這次我們可以依這自己的需求來建立。
此功能屬於較進階的功能，因此實戰中會比較少見，市面上還是有不少完善的套件能達到同樣效果，建議可以先往這方面察找
我們在實作中，難免會遇到在不同組件中，卻有需求相同的資料格式，因此 mixins 可以達到我們的需求，除了 data 以外也包含了 methods 可以共用，舉例來說，學生資料可能會在，班級跟社團內被使用，當我們要撰寫元件時，就可以省略多餘的 data 定義。
VUE為單向資料流的框架，在鄰近層級之間我們可以依靠 props 由父層向子層來傳遞需要的資料，然而遇到跨層級的架構時，雖然也是可以一層層傳進去，只是這會造成多餘的處理及凌亂的程式碼，因此才有了 "provide" 來解決我們跨層級的需求。
層級展示圖
從 Vue 班畢業已經 1 個多月，最近也轉職成功，終於有機會把這段歷程記錄下來，當作一個里程碑。此次參加 Vue 班，心境上最大的不同，大概是知道自己即將在完課後，踏上求職道路。所以如果能在課堂期間 2 個月內完成求職作品，我就能提早出發。
▍學習狀況
雖然先前有稍微玩過 Vue，但也早已
關於一個剛接觸 JS 不久，又馬上跳入Vue框架毒打的艱辛歷程TT，
回來起來，那段時間還真是充實又有趣呢，各種矇、各種坑、各種雷！！！
你膽怯了嗎 . . .？想逃了嗎 . . .？沒關係，因為只要記得
- 心態沉穩自然雨過天晴
- 心得分享
父元件
傳遞變數時須加上冒號
子元件
接收props用法如下
本筆記參考:
1. https://www.netlify.com/blog/understanding-defineprops-and-defineemits-in-vue-3.2
2. https://juejin.cn/post/7
慢慢學習前端的知識，學著學著也學到框架了。現在是做UIUX，為了和前端溝通更方便才踏入這個領域，學習一點後還真的更方便了，聽他們講同步非同步或是router，大概懂在說什麼，也開始知道寫判斷式的麻煩XD
原本以為上完課就能直接轉職試試別條路，不料學習的路程不算順遂，動不動就卡關，知道的越多就越明白自
雖然距離上次Vue直播班課不到一年，但看到這次的課程有Pinia內容，手又不小心刷了魔法小卡(?
意識到自己的成長應該是可以輕鬆地串接API，畢竟去年也已經串到可以去烤串店了XD，就算是重新複習，還是可以從中獲得新的成長，而且發現到老師一年講的比一年還好，今年有很多觀念講得更清楚了！
可惜這次第六週
時間真的過得好快，從2022五月的體驗營開始，到後來的切版直播班、JS直播班，將近一年的時間，現在都要從Vue直播班畢業了！
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令，而這次我們可以依這自己的需求來建立。
此功能屬於較進階的功能，因此實戰中會比較少見，市面上還是有不少完善的套件能達到同樣效果，建議可以先往這方面察找
我們在實作中，難免會遇到在不同組件中，卻有需求相同的資料格式，因此 mixins 可以達到我們的需求，除了 data 以外也包含了 methods 可以共用，舉例來說，學生資料可能會在，班級跟社團內被使用，當我們要撰寫元件時，就可以省略多餘的 data 定義。
VUE為單向資料流的框架，在鄰近層級之間我們可以依靠 props 由父層向子層來傳遞需要的資料，然而遇到跨層級的架構時，雖然也是可以一層層傳進去，只是這會造成多餘的處理及凌亂的程式碼，因此才有了 "provide" 來解決我們跨層級的需求。
層級展示圖
從 Vue 班畢業已經 1 個多月，最近也轉職成功，終於有機會把這段歷程記錄下來，當作一個里程碑。此次參加 Vue 班，心境上最大的不同，大概是知道自己即將在完課後，踏上求職道路。所以如果能在課堂期間 2 個月內完成求職作品，我就能提早出發。
▍學習狀況
雖然先前有稍微玩過 Vue，但也早已
關於一個剛接觸 JS 不久，又馬上跳入Vue框架毒打的艱辛歷程TT，
回來起來，那段時間還真是充實又有趣呢，各種矇、各種坑、各種雷！！！
你膽怯了嗎 . . .？想逃了嗎 . . .？沒關係，因為只要記得
- 心態沉穩自然雨過天晴
- 心得分享
父元件
傳遞變數時須加上冒號
子元件
接收props用法如下
本筆記參考:
1. https://www.netlify.com/blog/understanding-defineprops-and-defineemits-in-vue-3.2
2. https://juejin.cn/post/7
慢慢學習前端的知識，學著學著也學到框架了。現在是做UIUX，為了和前端溝通更方便才踏入這個領域，學習一點後還真的更方便了，聽他們講同步非同步或是router，大概懂在說什麼，也開始知道寫判斷式的麻煩XD
原本以為上完課就能直接轉職試試別條路，不料學習的路程不算順遂，動不動就卡關，知道的越多就越明白自
雖然距離上次Vue直播班課不到一年，但看到這次的課程有Pinia內容，手又不小心刷了魔法小卡(?
意識到自己的成長應該是可以輕鬆地串接API，畢竟去年也已經串到可以去烤串店了XD，就算是重新複習，還是可以從中獲得新的成長，而且發現到老師一年講的比一年還好，今年有很多觀念講得更清楚了！
可惜這次第六週
時間真的過得好快，從2022五月的體驗營開始，到後來的切版直播班、JS直播班，將近一年的時間，現在都要從Vue直播班畢業了！