63 個專案實戰,寫出作品集,讓面試官眼前一亮!
**第1課 ── 學習 Vue 元件基本觀念** https://reurl.cc/lgbKMj **第2課 ── 學習 Vue 的 props 觀念** https://reurl.cc/bDbvjy **第3課 ── 學習 Vue 的 events 觀念** https://r...
第1課 ── 碼表應用程式 code:https://replit.com/@ZoeyLai1/08-01-vue-stopWatch 畫面:https://9ae3756c-652f-4aa4-9b57-cb528318fb08-00-msym9f2ajxo5.riker.replit.dev...
第1課 ── 認識 Vue 基本環境與 render state https://jsfiddle.net/ZooeyLai/x1sq7mhg/23/ 第2課 ── 體驗一下 Reactivity 的效果與便利 https://jsfiddle.net/ZooeyLai/kfv4szoy/...
第1課 ── 學習 Vue 元件基本觀念 [作業](https://tinyurl.com/yst8ytys) 第2課 ── 學習 Vue 的 props 觀念 [作業](https://play.vuejs.org/#eNrtF11vFFX0r1w3MW0JM7MYiWRZQCE+YBSJP...
有幾位同學已經寫完系列一~九的全部作業了 整體能力已經可以準備開始面試前端工程師的職缺了 這邊寫一篇簡單說明 # 需要補充的技能 前端技能中最困難的部份已經有相當基礎了 剩下有些東西沒那麼難,但要學一下,上班會用到 這些東西我未來可能會寫教材,但我最近很忙,近期無...
恭喜你完成了一系列酷炫的元件 Quasar 是業界最頂尖、好用的 UI 元件包之一 你在這系列作業中,也順便學習了此元件包的用法,這在實務上非常有幫助 你甚至親手製作了其中一些基本的元件,讓你大致了解元件包背後的製作原理 像這些最基礎的 UI 元件,因為通用性很高、很常被重複...
## 課程目標 - 學習開發狀態複雜的 vue 元件 ## 課程內容 前面的課程中,元件的狀態很單純,數量也很少 但是有些元件,雖然對外溝通的狀態很少 但是在元件內部,其實需要維持額外的多個狀態,才能使用 比方說「顏色選擇器」類型的元件:雖然對外就一個代表色碼的字...
## 課程目標 - 學習用外部狀態管理 vue 元件 ## 課程內容 前面的課程中,元件的狀態很單純,都是匯入之後直接使用 但是有些元件匯入之後,一開始在畫面上是不顯示的 比方說視窗類型的元件:這種元件需要額外有一個狀態,來管理它是否顯示 ## 課後作業 這...
## 課程目標 - 學習 vue 的 slots ## 課程內容 來學一下 slots 的用法 - https://vuejs.org/guide/components/slots.html ## 課後作業 這一課作業,請先看一下 Banner 公告元件的用法 ...
## 課程目標 - 學習 vue 的 v-model ## 課程內容 來學一下 v-model 的用法 - https://vuejs.org/guide/components/v-model.html 老話一句,不要把這功能想得太神奇 這只是一種 props +...
## 課程目標 - 學習 vue 的 events ## 課程內容 來學一下怎麼替元件設計事件 - https://vuejs.org/guide/components/events.html ## 課後作業 這一課作業,請先看一下 Button 按鈕元件的用法 ...
## 課程目標 - 學習 vue 的 props ## 課程內容 來學一下怎麼傳參數到元件裡面 - https://vuejs.org/guide/components/props.html 順帶一提,在實務中,我個人是從來不寫 Prop Validation 的 ...
## 課程目標 - 能夠運行 Vue 元件 ## 課程內容 我們一樣讀官網文件就好 先來讀元件基本觀念 https://vuejs.org/guide/essentials/component-basics.html 再來讀註冊元件的方法 https://v...
歡迎來到 Vue 系列的第三份課程 在這次的系列課程中,我們要開始學習大名鼎鼎的「元件」觀念了 在之前的課程中,雖然我們成功做出了多個好用的應用程式 但在實務上,更大型的應用程式,需要將一些部分寫成「可以重複使用」的元件,團隊合作才方便 軟體圈有一句名言是這樣說的:「要寫出大...
經營這網站主要是想做新手友善論壇 本想隨手寫2-3份入門教材,簡單給新手一些方向 結果居然寫了8份,而且我發現後面還有滿多要教的東西 所以我打算把自學教材改成「付費教材」,我乾脆長期研發新教材好了 - JavaScript 系列前兩課免費 - 每個系列售價$199 ...
https://replit.com/@evon5995/GigaDeadPort#index.html 點擊離開,把用戶跳轉到 google 首頁 點擊確認,就關閉蓋板警告 以上兩功能都完成了 但是“按過確認,重新整理之後,蓋板警告就不會再跳出來”此功能怎麼都無法完成 ![](h...
恭喜你完成了一系列的專案開發挑戰 放眼市面上的新手教材,應該沒人會把作業設定到這麼困難! 但我認為時機差不多了,所以要求一些有挑戰性、有趣的專案來讓你做,應該難不倒你 而且這種只用基本功能,就完成複雜專案的經驗,有助於掌握框架的本質、熟練框架基礎 既然你通通順利完成了,代表你...
## 課程目標 - 能夠寫出國家資訊與地圖應用程式 ## 課程內容 開發應用程式時,經常需要把多種 API 組合起來使用! 如果各種 API 有提供 Vue 包裝的元件版本,通常會容易許多 如果沒有,那就自己想辦法管理好狀態,在 Vue 裡面使用,通常也沒問題 -...
## 課程目標 - 能夠寫出天氣查詢應用程式 ## 課程內容 開發應用程式時,經常需要上網找一些資料 API 比如搜尋 `台灣氣象資料 api` 會找到中央氣象局開發的 API 服務 https://opendata.cwb.gov.tw/index 想使用這些 ...
## 課程目標 - 能夠寫出體重追蹤應用程式 ## 課程內容 找套件時,如果官方沒有提供特定框架的版本,通常會有開發者,自行包裝一個,分享給大家使用 搜尋 `how to use 套件名稱 in 框架名稱` 大概就找得到相關資源了 舉例來說,這款圖表套件,官方沒有提供框...
精選技術文章、免費程式設計資源、以及業界重要新聞!
也歡迎訂閱 YouTube 頻道,觀看每週二晚間的《CodeLove Talk》直播節目,一起討論軟體開發相關的話題!