iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

從0開始的的Angular站台架設-Stnadalone 系列

隨著Angular來到了16的版本,Angular開發團隊推出了強大的去Module的開發架構選項-Stnadalone
該架構比起原先NgModule引用更加聚焦於singal component的依賴,減少多重NgModule依賴的管理成本,在進行UnitTest的時候也能夠再度縮減元件社交範圍。
本次的Work flow 將會分三個部分進行購物網站(使用者前台與使用者後台)以及購物網站的ERM系統的實作。
1. System basement
2. System Data Management(Rxjs)
3. System CI/CD

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

D10 川流不息的資料流 Input() and @Output()與他們的生命週期

作為實現Angular最為強大的資料管理功能的管道,Input與Output可以說是建構起Angular開發生態最主要的基礎 他在開發實作的情境上很大程度的幫我...

2023-09-21 ‧ 由 Otto_auto 分享
DAY 12

D11 立即反應的NgModel與Form表單資料管理

昨天我們簡單說了[Input]與(Output)的資料拋接球與雙向綁定資料流流程。 今天我們來講講同樣是雙向綁定資料中重要的腳色,NgModel與Form的表...

2023-09-22 ‧ 由 Otto_auto 分享
DAY 13

D12 局部還原Component至第三方套件所需依賴Module

假如一路按照從第一天開始的所了解的步驟的話,我們應該能刻出這樣子的一個畫面了 鐵人賽之後我會在每個相關文章下留下相關執行程式碼的 真的 回歸正題,操作到現在想...

2023-09-23 ‧ 由 Otto_auto 分享
DAY 14

D13 Angular前端開發基礎專案彙整

首先恭喜各位Follow我系列文章到今天的各位朋友們,假如一起進行嘗試與開發的話,我們已經可以拿到前端的入門票劵了 是的,其實前端基礎的地方並不複雜,很多時候根...

2023-09-24 ‧ 由 Otto_auto 分享
DAY 15

D14 系統層級的Angular Standalon資料管理,RxJs、Store、Action、Effect、Reducer(1)

之前我們都是先講原理再來呈現實作 新的週期我們顛倒過來,將會優先進行程式開發操作的手順在進行原理的心得分享 首先我們先在core中建立一個資料夾store,並...

2023-09-25 ‧ 由 Otto_auto 分享
DAY 16

D15 系統層級的Angular Standalon資料管理,RxJs、Store、Action、Effect、Reducer(2)

接下來我們將會先講講 store究竟是什麼 誠如我之前所說,假如我們只是要進行一頁式或不涉及暫存在我們自己的系統中的話,Store其實是不需要的,畢竟我也可以透...

2023-09-26 ‧ 由 Otto_auto 分享
DAY 17

D16 系統層級的Angular Standalon資料管理,RxJs、Store、Action、Effect、Reducer(3)

在rxjs中關於一個Action、Effect、Reducer、Selector的流程,是被稱呼為feature,我們可以看看Angular開發社群的超級大神M...

2023-09-27 ‧ 由 Otto_auto 分享
DAY 18

D17 Rxjs的Effect與Proxy API串接與如何透過Service管理(上)

Action => Reducer => Selector => Subscribe 這是一個多麼自洽且美麗的一個流程,基本上無處安置第三者的...

2023-09-28 ‧ 由 Otto_auto 分享
DAY 19

D18 Rxjs的Effect與Proxy API串接與如何透過Service管理(下)

import { HttpClient, HttpHeaders } from '@angular/common/http'; import { Injecta...

2023-09-29 ‧ 由 Otto_auto 分享
DAY 20

D19 Angular Router(上) Route基礎、/:id動態路由

在講完去Module的Angular component開發與資料處理的Action=>Effect=>Reducer=>Selector之後...

2023-09-30 ‧ 由 Otto_auto 分享