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 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 21

D20 Angular Router(下) Params、Auth Guard

昨天我們說了基礎的Router的設置,今天我們來說說要怎麼把params放入到我們的網址中並且去取用他,另外就是如何進行Auth Guard(路由守衛) 首先先...

2023-10-01 ‧ 由 Otto_auto 分享
DAY 22

D21 Component套件庫Prime的RWD應用

就像之前局部還原Module來實作Swiper的時候所說的,前端開發比起後端開發來說更加依賴不同的套件開發,有些基礎功能我們也可以直接使用第三方套件來實現我們想...

2023-10-02 ‧ 由 Otto_auto 分享
DAY 23

D22 Angular AWS EC2 站台建設(1) - Instance建置

在思考許久之後,我決定放棄原先把系統完善之後再放上AWS的流程 我們接下來就直接開始開個站台吧 畢竟前端的漁已經給了,一步步的完成整個e-shopping其實也...

2023-10-03 ‧ 由 Otto_auto 分享
DAY 24

D23 Angular AWS EC2 站台建設(2) - Nginx的安裝與手動部署Application

昨天我們談了怎麼起一個站台,今天我們來說說要怎麼把我們的Application Serve放在我們的站台之上 我們需要安裝一個Web Sever來管理進入到這個...

2023-10-04 ‧ 由 Otto_auto 分享
DAY 25

D24 Angular AWS EC2 站台建設(3) - Github Action CI/CD 自動化部署

我們昨天談了伺服器代理的機制與手動部署,現在來講講如何CI/CD與自動化部屬 首先,什麼是CI/CD? 如果要我去脈絡化的直接說的話,就是請siri幫我查詢天氣...

2023-10-05 ‧ 由 Otto_auto 分享
DAY 26

D25 Angular 16 Unit Test,迎接Jest

昨天我們說說了關於CI/CD之中的對於檢驗的需求與要求,今天我們來講講Unit Test吧 在Angular原本内嵌的的測試元件是使用karma+jasmine...

2023-10-06 ‧ 由 Otto_auto 分享
DAY 27

D26 Angular 16 e2e Test,Cypress

昨天我們簡單的說了一下Unit Test與Angular@16進行的Jest實驗性整合,並且嘗試了將在Angular上面實作了測案 今天我們來談談測試環節中的E...

2023-10-07 ‧ 由 Otto_auto 分享
DAY 28

D27 Angular - Junior to Senior

我們在前26天都大致講了我們使用Angular進行開發的過程,假如一路過來都能有一些概念甚至是該知道怎麼實作的話 恭喜恭喜,我們已經離開了Entry的Level...

2023-10-08 ‧ 由 Otto_auto 分享
DAY 29

D28 Angular開發總結

總的來說,Angular次一個開發完整系統非常方便的框架工具,其核心思想也是緊緊的扣在資料流的狀態管理之上 我們可以透過Router與Auth Gard來管理我...

2023-10-09 ‧ 由 Otto_auto 分享

D29 鐵人賽總結

在這30中我們簡單的說明了如何透過Angular進行我們的系統前端介面開發,我們以前端系統建置與環境、前端系統資料流管理、雲端上線的三大現今前端工程師必備的基礎...

2023-10-11 ‧ 由 Otto_auto 分享