React 是由 Facebook 所主導開發的 JavaScript 框架,與 AngularJS 相同都是採用元件 Component-based 來進行觀念導向設計,不像 VueJS 採用 MVVM(Model 資料管理、View 畫面顯示、ViewModal 溝通橋梁)觀念去區分細節,而是整個融合在 Component 整個零件內。

閱讀全文 »


本篇介紹 Sass 這套預處理器,他能將大型專案上編寫 CSS 不易維護的問題進行改善。使用 Sass 的 Script 語言來進行 CSS 開發,再透過編譯 complier 後轉為瀏覽器可閱讀的 CSS。

閱讀全文 »


本系列主要重點想介紹CSS設計上你該有更好的處理方式來設計,包含你應該熟悉CSS所提供的原生變數、可預處理的Script編譯語言、可預後處理的擴展工具輔助。本第一篇將先會先介紹 CSS3 提供的變數與應用方式來說明。

閱讀全文 »


如名般的 Type Script(類型腳本語言),微軟所提供的一種超集 JavaScript 之程式語言,可當作具有 type 類型系統的 JavaScript。主要是解決 JavaScript 的動態 type 設計不良所存在,可以當做它是一種 JS 預處理前置作業的檢查類型無誤後透過編譯 complier 後轉為 JavaScript。TypeScript 的語法可以使用純 JavaScript 來編寫,兩者差異就只是 type 的補足完整宣告。

閱讀全文 »

本篇將整合過去基本課程 HTML, CSS, Bootstrap, JS 相關知識進行經驗整合,動手設計簡單一頁式且具備 RWD 之網站設計。由於考量部分學員尚未接觸 JS 課程進度與基礎認知,將集中最後小節於完成後補充。

閱讀全文 »


本系列為 Bootstrap 版本號 v5.0 教學文章,在接觸 Bootstrap 之前需要擁有一定的 HTML5/CSS3 觀念,才能理解 Bootstrap 的原理應用以及調整技巧,如果你另具備了 JS/JQ 的開發能力,那更方便進一步的使用並控制這些 Bootstrap 套件工具。

閱讀全文 »

Node.js 是能夠在伺服器上面運行 JavaScript 的應用平台環境,透過 Node.js 提供的函式庫與執行環境能完成伺服器端服務,提供各種網路應用。本篇資源版本與環境如下:

閱讀全文 »