這是一份專為 HTML 初學者設計的基礎教材,涵蓋從零開始的 HTML 學習路徑。如果你已經具備基本的 HTML 概念與標籤使用經驗,建議可以直接跳過本篇內容。

閱讀全文 »

隨著 React 的了解越多,我們需要大量練習於不同頁面。為了更好的統一實作於同一份專案上,我們需要額外使用 React 生態下的另一個特別套件 React Router。這是一個能夠很好的動態出不同路由有不同的 React 檔案,但本體網頁上還是同一份 SPA 下的渲染差異輸出。

閱讀全文 »

本篇一開始將利用 Vite 所產生的預設專案內容環境進行理解開發部屬流程。同時一邊詳細地基本介紹 React 相關基礎知識撰寫技巧。在這裡可以學習所需要的 React。本篇使用的版本為最新的 React 18,部分 API 與用途稍有不同且新穎。

閱讀全文 »


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

閱讀全文 »

因工作上場地不同,需要有多台電腦之間使用 VSCode 開發工具並進行遠端分支 Git 操作。之前在這篇 [學習之路] Node.js 入門教學 曾經簡單提到如何規劃一個 USB,但因為時間過久以及有些做法已經更新,所以這次整理新做法並獨立一篇記錄下來。如果有需要可以參考使用。

閱讀全文 »

NgRx 是一個強大,且功能完整的 Angular 狀態管理套件,在我們的應用程式越來越複雜的時候,它很適合用來管理一些資料狀態,並透過適度的抽象化以及加入一定的規範,降低整體程式的耦合性,打造出更好維護及管理的程式碼。

閱讀全文 »


本篇介紹 Angular 的模組設計,包含了如何將大型模組分解成多個模組,或者相同集合的模組定義為共享模組供給多個地方使用他。以及模組的加載方式透過 lazy Loading 分流效能值行。也簡單介紹如何將 Angular 執行部屬到任何遠端伺服器網站。最後章節會介紹較為新的功能的獨立元件設計,可能這是未來 Angular 改變的做法重點。

閱讀全文 »