卡斯伯提供的教學資源：
JS 中的物件迴圈手法
陣列本身具有非常多好用的迴圈方法，如：forEach、map、reduce、find…，這些方法有助於處理各種陣列的資料。 但實戰中，不一定所有的資料格式都會是使用陣列，尤其是從後端 API 串接的資料或是各種第三方資源，就有可能是使用物件的方式提供，此時就無法使用上述的各種陣列手法。 以下方的資料...
安裝 nvm 環境，Node.js 開發者必學（Windows、Mac 均適用）
使用 NVM 已經是 Node.js 開發者必備的工具，它最大的用途在於可以輕鬆切換不同版本的 Node.js，尤其在後端的專案中，團隊需要統一的開發環境時可以精確切換到同一個 Node.js 子版本上，避免發生版本不同所發生的問題。 NVM 為 Node Version Manager 的縮寫，顧...
JavaScript Console 運用技巧 - 8 招讓你除錯更高效
寫 JavaScript 需要檢視運作是否正確時候，都會使用 console.log 來檢視輸出或運算的值，而 console 的運用技巧不僅僅只有將值呈現在開發的 Console 介面中。本篇就來介紹許多 console 語法的實戰運用方法吧！ 首先，在此先準備一份等等會用到的物件及陣列作為以下...
NODE.JS 開 API 不求人 - 教學影片
直播主題：NODE.JS 開 API 不求人活動時間時間：5/19 晚間八點直播位置：六角學院 Youtube 頻道 本次直播內容包含： API 的運作原理 建立 CRUD 的 API 範例 前端與後端的 API 串接示範 共筆文件：共筆文件 影片 講者：卡斯伯六角學院共同創辦人從設計轉行前...
VSCode Prettier 整合 ESLint 自動排版
VSCode 中有一個非常不錯的格式化工具，可以透過一個按鍵將雜亂的程式碼排列的整整齊齊，無論是 HTML、CSS、JavaScript 均可以套用。而此工具稱為 “Prettier”，在 VSCode 中也是屬於預設工具，除了預設選項外也能有許多的客製化調整。 而我們在開發的過程中，為了確保團隊...
Vue3 中使用 Event Bus
Vue 2 中要進行跨元件通訊，除了 Vuex 以外的另一個常見手法是 Event Bus，對於小型專案來說 Event Bus 相當方便，僅需要 $on、$emit 兩個語法就能進行跨元件通訊。而 Vue 3 中移除了 $on、$off 等語法，因此 Event Bus 也等同於被移除。 在 Vu...
JS - for 迴圈與 forEach 有什麼不同
過去，當有一個陣列的內容需要依序取值時，都會使用 for... 迴圈(for loop)的形式將值一一取出，原始碼的結構如下：var array = ['小明', '杰倫', '漂亮阿姨', '小美'] for (var...
JS 常見陣列方法 [push(), unshift(), pop(), shift(), splice(), reverse(), concat(), include(), indexOf(), join()]
本篇陣列方法是延伸過去寫的 JavaScript 陣列處理方法，目前的框架主流觀念都是「關注點分離」，框架主要都是負責畫面上的渲染；資料面完全交由給原生的 JS 處理，因此，對於資料處理的語法就需要有更高的掌握度。 熟悉陣列的方法，自然對於處理資料上會更得心應手，而先前的「陣列處理方法」是著重在迴圈...
AJAX 完整解說系列：輕鬆搞懂 HTTP 狀態碼（HTTP Status Code）
AJAX 是前端與後端的介接，當跨越不同的環境時，所有的狀態會越來越難預期，接著就可能會發生錯誤，造成的錯誤狀態可能會如下： 流程與設計不同 資料格式不符合 連線失敗、網路不穩定 程式碼上的錯誤（這就不是本章節要討論的） 錯誤在開發的過程中是非常常見的，只不過我們在開發的過程中容易「忽視錯誤」僅...
AJAX 完整解說系列：使用 Chrome Devtools 檢視請求及回應
從上一篇內容我們介紹到 AJAX 都是由瀏覽器發出請求，伺服器則會依據請求的內容進行回應。所以在這之中的 “請求”、“回應” 都會夾帶著不同資源，供瀏覽器及伺服器進行辨識及運用，所以此篇就針對瀏覽器與伺服器溝通的內容進行說明，帶大家更深入的認識 AJAX。 發出請求到回應的過程示意圖 注意：本...