現代 [JavaScript] 程式設計教學：使用映射 (Map) 和集合 (Set)
映射和集合是 ES6 後新增的容器物件。映射是用來儲存以鍵/值對為單位的非線性容器。集合的概念源自於數學上的集合論，用來表示獨特的資料存在的關係。 繼續閱讀
本系列文章講解 JavaScript 的語法，這是撰寫 JavaScript 程式的基礎知識。
文章
現代 [JavaScript] 程式設計：宣告和使用函式 (Function)
函式包住可重覆使用的程式碼區塊，是重用程式碼的最基本單位。本文介紹 JavaScript 的函式 繼續閱讀
現代 [JavaScript] 程式設計：JavaScript 程式的範疇 (Scope)
在 JavaScript 中，範疇是比較容易造成 bug 的特性之一。這是因為在 ES6 之前的 JavaScript 沒有區塊範疇的概念，很多我們在別的語言視為理所當然的事情在 JavaScript 卻是造成 bug 的潛在來源。 繼續閱讀
現代 [JavaScript] 程式設計教學：建立物件 (object)
JavaScript 的物件系統是以原型為基礎，相較起來，大部分主流的語言的物件是以類別為基礎，兩者有一些差異。JavaScript 建立物件的方法較為靈活，會依需求而有不同的建立方式。 繼續閱讀
現代 [JavaScript] 程式設計教學：藉由繼承 (Inheritance) 重用程式碼
撰寫 JavaScript 程式時，除了使用原本的原型外，ES6 新增了語法糖，讓繼承變得更簡單。 繼續閱讀
現代 [JavaScript] 程式設計教學：原型 (Prototype)
用建構子建立物件時，建立出來的物件會自動共享建構子的原型。由此可知，原型是物件的特殊性質 繼續閱讀
原生 [JavaScript] 網頁程式設計：為什麼用或不用原生 JavaScript？
由於瀏覽器相容性的因素，jQuery 曾經一度被視為是網頁程式設計必備的函式庫。但現代瀏覽器在實作上大扺符合 JavaScript 標準，所以封裝 JavaScript 網頁 API 的必要性也隨之減少。 繼續閱讀
原生 [JavaScript] 程式設計教學：移除 jQuery 會用到的工具
在本文中，我們從使用原生 JavaScript 改寫 jQuery 網頁程式的觀點，來看需要那些工具。如果是要寫新的網頁程式，重點則會放在如何使用原生網頁 API 上，但本文介紹的工具仍可繼續沿用。 繼續閱讀
原生 [JavaScript] 網頁程式設計：選取網頁元素
在本文中，我們暫時不講撰寫動態行為的方法，先講如何使用原生 JavaScript 程式選取網頁元素，這是操作網頁元素的前置動作。 繼續閱讀
原生 [JavaScript] 網頁程式設計：操作網頁元素
在本文中，我們介紹以 JavaScript 程式操作網頁元素的方式。這篇文章的內容對於網頁程式的使用者界面相當重要。 繼續閱讀