[第1課 ── 認識 data model 與 render function](https://codelove.tw/@howtomakeaturn/post/9xLo5q) [my code](https://jsfiddle.net/hr7fyoav/3/) --- [第2課 ...
[第1課 ── 學會 Cookie 相關功能](https://codelove.tw/@howtomakeaturn/post/pxdbma) [my code](https://codelovev1.hungye.repl.co/) --- [第2課 ── 學會 Local Sto...
[第1課 ── autosize 套件](https://codelove.tw/@howtomakeaturn/post/837lka) [my code](https://jsfiddle.net/bf5e4nys/60/) --- [第2課 ── vanilla-lazyload...
[練習1 ── alert 示警元件](https://codelove.tw/@howtomakeaturn/post/gqv2eq) [my code](https://jsfiddle.net/u1nym2dg/45/) --- [練習2 ── toast 吐司元件](https...
[第1課 ── 認識 DOM 樹、新增元素](https://codelove.tw/@howtomakeaturn/post/9xL07x) [my code](https://jsfiddle.net/y97oenpv/13/) --- [第2課 ── 從 DOM 樹移除元素、動態...
[第1課 ── 基本的函數操作、onclick 事件](https://codelove.tw/@howtomakeaturn/post/ga9V5q) [my code](https://jsfiddle.net/yjr0otca/1/) --- [第2課 ── 基本的變數操作、從 ...
寫 JavaScript 偶爾會踩到一些小地雷，會讓新手思考很久很久，這邊整理一份清單！ 原文出處：https://dev.to/codeofrelevancy/unexpected-moments-of-javascript-that-will-challenge-your-understa...
var text = ""; text = text + x; 請問一下這個的意義是什麼
恭喜你完成了一系列酷炫的元件 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 系列的第三份課程 在這次的系列課程中，我們要開始學習大名鼎鼎的「元件」觀念了 在之前的課程中，雖然我們成功做出了多個好用的應用程式 但在實務上，更大型的應用程式，需要將一些部分寫成「可以重複使用」的元件，團隊合作才方便 軟體圈有一句名言是這樣說的：「要寫出大...
恭喜你完成了一系列的專案開發挑戰 放眼市面上的新手教材，應該沒人會把作業設定到這麼困難！ 但我認為時機差不多了，所以要求一些有挑戰性、有趣的專案來讓你做，應該難不倒你 而且這種只用基本功能，就完成複雜專案的經驗，有助於掌握框架的本質、熟練框架基礎 既然你通通順利完成了，代表你...
## 課程目標 - 能夠寫出國家資訊與地圖應用程式 ## 課程內容 開發應用程式時，經常需要把多種 API 組合起來使用！ 如果各種 API 有提供 Vue 包裝的元件版本，通常會容易許多 如果沒有，那就自己想辦法管理好狀態，在 Vue 裡面使用，通常也沒問題 -...
## 課程目標 - 能夠寫出天氣查詢應用程式 ## 課程內容 開發應用程式時，經常需要上網找一些資料 API 比如搜尋 `台灣氣象資料 api` 會找到中央氣象局開發的 API 服務 https://opendata.cwb.gov.tw/index 想使用這些 ...
