iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Angular,啟動。 系列

希望能探索更多 Angular 框架的知識。
預計文章方向會大致分成環境運作流程、功能概念(Component, Pipe, 內建指令 )、常用套件(@angular/material , @angular/flex-layout)、其他(css偽元素、JavaScript 物件陣列 funtion)。
而內容部分希望(有時間的話)都能提供具體的使用方法、或是圖片輔助說明,因我自己覺得有具體的例子後再回頭去看理論會學的更快!

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21-css 選擇器-1: 基本選擇器

CSS 選擇器 CSS 選擇器 - 術語表 | MDN   名稱 範例 (A) 基本選擇器 (1) 元素選擇器 elementname (2)...

2023-10-06 ‧ 由 Raven 分享
DAY 22

Day22-css 選擇器-2: 狀態選擇器 pseudo class & element

CSS 選擇器 CSS 選擇器 - 術語表 | MDNCSS Pseudo-classes   名稱 範例 (A) 基本選擇器 (1) 元素選擇器...

2023-10-07 ‧ 由 Raven 分享
DAY 23

Day23-css 選擇器-3: 複合選擇器

CSS 選擇器 CSS 選擇器 - 術語表 | MDN   名稱 範例 (A) 基本選擇器 (1) 元素選擇器 elementname (2)...

2023-10-08 ‧ 由 Raven 分享
DAY 24

Day24-TypeScipt: 存取器get&set

存取器 (Getter & Setter)簡介 透過存取器可以更靈活的制物件屬性,在不同語言中都擁有類似的模式;本文介紹在 TypeScript 與 A...

2023-10-09 ‧ 由 Raven 分享
DAY 25

Day25-TypeScipt: 關於類別(Class) 與物件(Object)

相關概念 分類 中文名稱 英文名稱 說明 類別 Class 定義了一件事物的抽象特點,包含它的屬性、方法。 抽象類別 Abstract Cl...

2023-10-10 ‧ 由 Raven 分享
DAY 26

Day26-JavaScript: Object Array 常用的 function

midium 版本 異動相關 【原始資料】※本文 變數 會一直用到文章尾端※基本上有回傳值的 function 不會影響原陣列資料 let arr = [...

2023-10-11 ‧ 由 Raven 分享
DAY 27

Day27-HttpClient: 從後端服務取得資料

簡介 官方文件前端透過 HTTP 協議與伺服器通訊,進行下載、上傳資料並存取其它後端服務。Angular 給應用提供了一個 HTTP 客戶端 API,也就是 @...

2023-10-12 ‧ 由 Raven 分享
DAY 28

Day28-RxJS: 處理非同步操作

簡介 RxJS 是 Javascript 的函式庫,主要用來處理非同步操作、事件,例如:與後端進行 HTTP 通訊、UI 事件監聽。首先先熟悉下等等會出現的名詞...

2023-10-13 ‧ 由 Raven 分享
DAY 29

Day29-測試

簡介 官方文件幫助檢查此應用是否正常執行。透過 Angular CLI 建立專案的話、會自動安裝測試 Angular 應用所需的Jasmine testing...

2023-10-14 ‧ 由 Raven 分享
DAY 30

Day30-Angular,發佈。環境變數、部屬相關設定

簡介 實務上開發專案的時候會設定各種環境,像是分成開發、測試、準測試、正式等...依照需求去設定。Angular CLI 提供了很方便的機制處理環境變數問題,讓...

2023-10-15 ‧ 由 Raven 分享