iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Angular牙起來 系列

Angular學到要牙起來了
不只設定多,要學的東西也很多
文章編排會由入門開始,詳細介紹再慢慢深入
希望讀者在學習時能獲得成就感,能有動力繼續前進

文章環境以 WebStorm IDE 為主

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

# Day01 Angular牙起來 - 開場簡介

Day01 Angular牙起來 - 開場簡介 歡迎你,勇者 首先要恭喜你開局五星級難度 Vue、React 什麼前端框架不選,偏偏選擇了Angular 眾所皆...

2022-09-16 ‧ 由 gjlmotea 分享
DAY 2

# Day02 Angular牙起來 - 安裝環境

Day02 Angular牙起來 - 安裝環境 Webstorm IDE安裝略過 安裝Angular之前,需先安裝Node.js 安裝Node.js 有兩種安裝...

2022-09-17 ‧ 由 gjlmotea 分享
DAY 3

# Day03 Angular牙起來 - ng與node_module包的關係

Day03 Angular牙起來 - ng與node_modules包的關係 昨天安裝完Angular了,但可能你會有疑問我明明安裝的是Angular Cli,...

2022-09-18 ‧ 由 gjlmotea 分享
DAY 4

# Day04 Angular牙起來 - CLI入門指令及元件

Day04 Angular牙起來 - CLI入門指令及元件 透過ng new project01 建立好新的專案後 運行專案 - ng serve 接著來讓專案...

2022-09-19 ‧ 由 gjlmotea 分享
DAY 5

# Day05 Angular牙起來 - 樣板中的標籤 與樣式

Day05 Angular牙起來 - 樣板中的標籤 與樣式 程式主元件 - app-component 運行Angular時,最根部的元件是 app.compo...

2022-09-20 ‧ 由 gjlmotea 分享
DAY 6

# Day06 Angular牙起來 - 程式面介紹 繫結綁定1 雙大括號綁定法

Day06 Angular牙起來 - 程式面介紹 繫結綁定1 雙大括號綁定法 接下來要切換到程式面來看看,就是Typescript! 綁定成員(變數) - Bi...

2022-09-21 ‧ 由 gjlmotea 分享
DAY 7

# Day07 Angular牙起來 - 程式面介紹 繫結綁定2 小括號綁定法

Day07 Angular牙起來 - 程式面介紹 繫結綁定2 小括號綁定法 繼續前一篇文章綁定成員 不過在此之前我想在遊戲中,替角色添加攻擊力屬性 修改 rol...

2022-09-22 ‧ 由 gjlmotea 分享
DAY 8

# Day08 Angular牙起來 - 程式面介紹 Typescript物件、陣列 與NgFor

Day08 Angular牙起來 - 程式面介紹 物件、陣列 與ngFor、ngIf 再來換到商店store區塊 商店嘛,總是要販售一些武器和防具的不然裸裝的冒...

2022-09-23 ‧ 由 gjlmotea 分享
DAY 9

# Day09 Angular牙起來 - 程式面介紹 繫結綁定3 中括號綁定法

Day09 Angular牙起來 - 程式面介紹 繫結綁定3 中括號綁定法 以下三張圖分別代表 小劍、彎刀、大魔劍 三種武器(圖片源自unsplash) 我們把...

2022-09-24 ‧ 由 gjlmotea 分享
DAY 10

# Day10 Angular牙起來 - 程式面介紹 繫結綁定4 雙向繫結

Day10 Angular牙起來 - 程式面介紹 繫結綁定4 雙向繫結 再次回到角色區塊 我們在遊戲專案中,加入金錢元素 在 role.component.ts...

2022-09-25 ‧ 由 gjlmotea 分享