iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Angular 新手練功日誌:從零到職場冒險 系列

這個系列將紀錄剛轉換職場的 Angular 新手,從零開始學習 Angular 的過程。內容會涵蓋環境建置、基礎語法、元件開發、路由、服務、API 串接、表單處理等核心主題,並分享每一天的學習心得與實作經驗。希望透過 30 天的練功日誌,快速掌握 Angular 的開發技巧,也能幫助同樣是新手的你!

參賽天數 6 天 | 共 6 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - 前言

之前有聽說過鐵人賽的活動,但一直沒有參加過,這次剛好趁著轉換工作的機會,想說來挑戰看看 Angular 框架。 Angular 是一個由 Google 所開發的...

2025-09-01 ‧ 由 johnson3669 分享
DAY 2

Day 2 - 環境安裝

這系列的文章會主要以 Angular 20 為主,這邊附上推薦的安裝環境給大家參考。 必須條件 Node.js - v20.19.0 或更新版本 文字編...

2025-09-02 ‧ 由 johnson3669 分享
DAY 3

Day 3 - 專案架構

上一篇文章了解如何建立的專案後,今天我們就來了解專案的架構 tsconfig.app.json、tsconfig.json、tsconfig.spec.js...

2025-09-03 ‧ 由 johnson3669 分享
DAY 4

Day 4 - 元件

元件概念 在進入元件的詳細介紹之前,先來了解一下建立元件的概念。為什麼現代前端框架都強調元件化的開發方式呢? 最主要是關注點分離 Separation of C...

2025-09-04 ‧ 由 johnson3669 分享
DAY 5

Day 5 - 模組

今天要介紹傳統 Angular 建立應用程式的方式 - 模組(Module)。 Angular Module Angular 模組是過去 Angular 應用程...

2025-09-05 ‧ 由 johnson3669 分享
DAY 6

Day 6 - 元件資料定義

目前元件部分,我們只學習到顯示靜態的資料,接下來我們會學習如何在元件中處理資料,並且顯示在畫面上。 Angular 變數儲存方式 目前 Anngular 支援兩...

2025-09-06 ‧ 由 johnson3669 分享