iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Angular,啟動。 系列

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

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

Day 01-介紹及環境建置

介紹 「Angular」 非 「AngularJS」。2010年 「AngularJS」 出生,是 Google 推出的一款用來協助 SPA 應用程式運行的 J...

2023-09-16 ‧ 由 Raven 分享
DAY 2

Day02-Angular,啟動。

Angular Work Flow 不清楚也還是可以使用的、Angular APP 背後啟動的過程 angular.json index:index....

2023-09-17 ‧ 由 Raven 分享
DAY 3

Day03-Component 元件: 生命週期

今天成為感冒仔==,有空再來補不熟的地方 簡單應用範例 利用 Angular CLI 新建一個 XXX.component.ts ,並呼叫 construc...

2023-09-18 ‧ 由 Raven 分享
DAY 4

Day04-Component 元件: 互動

元件間互動模式 編號 互動對象 方式 1 父 → 子 @Input 2 子 → 父 @Output @ViewChild 3 元件 → 元...

2023-09-19 ‧ 由 Raven 分享
DAY 5

Day05-Template 範本: 資料綁定 DOM ↔ Component

我學會表格置左對齊了!😊🎉🎉 資料綁定 (Data Binding) 簡介 Template (.html) 與 Component (.ts) 互相傳遞...

2023-09-20 ‧ 由 Raven 分享
DAY 6

Day06-Template 範本: Pipes

Pipes 管線 Angular DOCS不用改變原始資料的顯示模式,而是透過外部(也就是Pipe)的模式來調整要顯示的資料內容。 DatePipe 日期...

2023-09-21 ‧ 由 Raven 分享
DAY 7

Day07-Directives指令: 屬性指令-動態更改css

下篇:Day08-Directives指令: 屬性指令-動態更改css Angular 內建指令簡介 Angular 應用程式中的元素新增額外行為的類別。...

2023-09-22 ‧ 由 Raven 分享
DAY 8

Day08-Directives指令: 屬性指令-動態更改css

上篇:Day07-Directives指令: 屬性指令-動態更改css Angular 內建指令簡介 Angular 應用程式中的元素新增額外行為的類別。...

2023-09-23 ‧ 由 Raven 分享
DAY 9

Day09-Dependency injection(DI) 依賴注入

簡介 官方文件:Angular - 瞭解依賴注入官方推薦完成實戰課程:《英雄之旅》應用和課程 DI 是一種設計模式和機制。DI 被裝配進 Angular...

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

Day10-Route設定範例

簡介 Angular 特色:SPA 單頁面應用程式(Single Page Applications),意思為整個專案中實際上只有一個頁面。所以其實是透過顯示、...

2023-09-25 ‧ 由 Raven 分享