卡斯伯提供的教學資源：
JS 中的物件迴圈手法
陣列本身具有非常多好用的迴圈方法，如：forEach、map、reduce、find…，這些方法有助於處理各種陣列的資料。 但實戰中，不一定所有的資料格式都會是使用陣列，尤其是從後端 API 串接的資料或是各種第三方資源，就有可能是使用物件的方式提供，此時就無法使用上述的各種陣列手法。 以下方的資料...
安裝 nvm 環境，Node.js 開發者必學（Windows、Mac 均適用）
使用 NVM 已經是 Node.js 開發者必備的工具，它最大的用途在於可以輕鬆切換不同版本的 Node.js，尤其在後端的專案中，團隊需要統一的開發環境時可以精確切換到同一個 Node.js 子版本上，避免發生版本不同所發生的問題。 NVM 為 Node Version Manager 的縮寫，顧...
一個工具，帶你完整認識 CSS Animation
網頁上看到許多 CSS Animation 套效想要參考使用，但卻不知道其中的屬性各自代表什麼意思嗎？本篇將介紹 CSS Animation 的各項屬性運用技巧，並提供一個模擬工具，讓大家可以快速的了解每個屬性的意義。 建立第一個動畫在學習每一個屬性之前，首先先動手試試看讓一個元素套用動態的效果，在...
Mac OSX 截圖全說明（單一視窗、全螢幕、重設截圖路徑、Touch Bar）
Mac OSX 的內建截圖熱鍵相當好用，雖然看起來熱鍵組合很多，但每一個鍵都有它的組合意義，在此先附上完整的熱鍵組合表。 Mac OSX 截圖熱鍵全表，使用方法可參考下方文章說明 組合規則首先，要使用截圖一率會使用 command + shift 加上特定數字鍵作為開始，而這些數字鍵分別代表：...
CSS 變數必學知識 - 宣告、繼承及 Bootstrap 中的運用技巧
在 Bootstrap 5 以後，大量導入 “CSS Variable” 的技巧，透過變數可以大幅增加 CSS 的可運用性，讓同一段程式碼透過修改變數的形式，大幅增加 CSS 的可用性，本篇將介紹 CSS 基本運用方式，以及在 Bootstrap 5 中如何運用此技巧來豐富性其用途。 CSS 變數基...
履歷避雷技巧 - 技能描述篇
履歷中的「技能」描述是個人專業技能的主述，徵才單位會透過其內容理解求職者的能力，更重要的是透過字詞中分析對於技能的掌握深度，如果沒有善加利用，可能會造成： 資深開發者：但沒有透過履歷展現出應有的深度 新手開發者：錯誤的內容呈現，導致連面試的機會都沒有 本篇僅針對履歷中的「技能」描述進行分析，包含...
JavaScript Console 運用技巧 - 8 招讓你除錯更高效
寫 JavaScript 需要檢視運作是否正確時候，都會使用 console.log 來檢視輸出或運算的值，而 console 的運用技巧不僅僅只有將值呈現在開發的 Console 介面中。本篇就來介紹許多 console 語法的實戰運用方法吧！ 首先，在此先準備一份等等會用到的物件及陣列作為以下...
CSS 選取器(基本篇) - CSS Selector
一個開發者對於畫面的掌控度高不高，完全都可以取決於「CSS 選取器」掌握度，無論是基本的 CSS 到 jQuery 甚至是原生的 JavaScript 都是使用 CSS 選取器。另外如果要寫道後端測試、爬蟲，也是持續使用這看似基礎的觀念，本篇將會循序漸進介紹各種選取器，讓大家從基礎開始學習此知識。 ...
Vue 3 新手夏令營
現在前端所需技能越來越深，而三大框架雖然資源豐富，但對於新手來說卻也不知道如何入門，因此我們舉辦「Vue 3 夏令營」，讓更多的前端同好可以認識這門框架～ 這個活動適合哪些人呢？ 對於 JavaScript 有基礎掌握度 對於 Vue 2 或其它框架有基本認識，想學習 Vue 3 的開發者 想從基礎...
為什麼選擇使用 Mac 來進行開發
我在求學過程中以及剛開始接觸開發跟許多人都一樣，是使用 Windows 作為剛開始起手的作業系統。 但現在，我主力的開發環境轉移到了 Mac OS 至今已經約有六、七年以上的時間，而這些轉移的心得也跟大家分享一下。 也先說明一下，正式進入職場以前接觸 Mac 的時間不算長，只有在職業學校中使用 Ma...