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 1

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

首先我必須開宗明義地說,本次的Angular@16-Standalone開發模式分享更加傾向於一種實戰心得分享舉個例子來說就是一個新兵幸運蛋子分享自己如何在戰場...

2023-09-11 ‧ 由 Otto_auto 分享
DAY 2

D1 什麼是Node.js與不同的專案環境如何管理

Node.js在當今的前端開發環境中有著自己不小的聲量,Node.js最早於2009年由Ryan Dahl創建,並於同年在Google的Chrome V8 Ja...

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

D2 Git與GitHub與Get the Point

在開發經歷中,不知道有沒有人經歷過開發靠資料夾命名做疊代、版本更新靠覆蓋的神奇經歷。一旦命名出錯或是路徑放錯,可能就要花很長一段時間去還原與修復。為了避免以上這...

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

D3 Angular 基礎分享與Standalone的功能差異(上) - 認識Angular

在說明Angulare16改版前後,首先要先簡單了解一下什麼是Angular以及為何選擇它。 什麼是Angular? Angular是一個由Google開發的完...

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

D4 Angular 基礎分享與Standalone的功能差異(下) - Module與去Module化

在先前的文章中我們簡單講了Anguglar自身本身所適用的開發情境與Component功能簡述,那接下來就要分享如何進行Component在不同Componen...

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

D5 Angular 系統設計思維與層級劃分 - 如何進行前端系統設計

很簡單啦,你就Draw.io畫一畫就好了啦 想必有部分的朋友一定有聽過自家前輩或是社群中的大神這樣子說過。 但愛因斯坦說的才能不足以研究數學轉而決定研究物理,跟...

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

D6 為自己的開發鮮豔上色,先用Tailwindcss來塗上喜歡的顏色

在前端進行開發的時候我們經常面對在設計整個畫面的排版與樣式時,有UI design跟design吵,自己開發跟自己吵的狀況。 因為我們在開發時常常面對到css的...

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

D7 上妝有順序,CSS也有規矩

昨天我們說完了Tailwind的安裝與使用之後,眼下讓我們再度回到CSS的話題上。 可能有人會有疑問說:"欸? 我們都已經怕麻煩用了TailwindC...

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

D8 我跳進來,我又跳出去了 - ngIf [hidden] ngClass與ngStyle

暌違一周的時間,我們終於回到了Angular的開發上,希望之前所講的內容不會讓你有頓失焦點的感覺XD 接下來我們將以Amzon.us 來作範例並嘗試做一個復刻...

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

D9 我叫軍團,因為我們人數眾多 - ngFor與 ngSwitchCase與pipe

再說完ngIf之後,接下來我們來談談ngFor。 ngFor顧名思義,我們可以利用這個裝飾器進行element的迴圈生成,這部分的功能與React 的 for迴...

2023-09-20 ‧ 由 Otto_auto 分享