[前端框架] Angular - 模組、部屬、獨立元件

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

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

本篇深入探討一些 REST API 串接相關技術應用觀念,並使用 Firebase 做為後端實作端點。以及相關用戶身分認證的通用作法,包含 token 驗證機制與路由守衛規劃。以及示範如何透過將靜態元件改為一組動態創建的元件根據事件過程產生。

本篇將利用 css 與 javascript 之前端課程專案網站作為對應的網頁資料系統,並出分為後台採用混和型開發與前台 api 分離型開發。在此,試著將網站所需資料透過 php 資料處理輸出至 html 網頁。

本篇將整合過去基本課程 JavaScript 相關知識進行經驗整合,並接續上期課程 RWD 響應式網頁設計(假日班)期末實作。我們將開發一些商務動態元件模組,你將會接觸到訂房功能模組設計,動態載入效果以及一些小功能。

本篇將整合過去基本課程 HTML, CSS 相關知識進行經驗整合,透過 Bootstrap 5.2 動手設計簡單一頁式且具備 RWD 之網站設計。

本篇教學以 Angular v13.2 為範例,深入探討進階開發技術:Observable 響應式程式設計、表單設計與驗證、以及資料轉換管道的實作技巧。學習如何使用 RxJS 處理非同步資料流,掌握模板驅動與響應式表單的設計模式。

本篇教學以 Angular v13.2 為範例,深入探討服務(Services)與路由(Routing)的核心概念和實作技巧。學習如何透過依賴注入建立可重用的服務,以及如何使用 Angular Router 實現單頁應用程式的導航功能。

Angular 是由 Google 主導開發的現代化前端框架,採用 TypeScript 作為主要開發語言。本篇教學以 Angular v13.2 為範例,將介紹 Angular 的基本概念、環境設定,以及元件化開發的核心觀念,適合初學者入門學習。

本篇開始深入探討一些 React 細節高級操作觀念上的的認知學習單元,根據參考官方手冊逐步學習。同時會略過一些對於未來性將捨棄的原有功能。