iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular初期筆記 系列

-文件配置介紹 (2篇)
-關鍵字 搭配 官方文件介紹 (8篇)
-實作範例和Code (指令應用2-4篇、傳值2篇、pipe 1篇、常用Json實作1-2篇、HttpClient2-4篇)
-Angular 風格指引(3篇)
-RxJs 初期應用(介紹1篇、挑自己未實作運算子實作4篇)
-TypeScript 初期應用(介紹1篇、挑自己未實作的關鍵字實作2篇)
-結語 (1篇)

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

DAY1-Angular6之小火龍到火恐龍

此次挑戰主旨 回憶並統整剛開始學習 angular 的內容。 怎麼會想接觸前端? 先前主要寫 ASP.NET Webform 前後端包含資料庫和規劃,整個過程發...

2018-10-11 ‧ 由 馬達 分享
DAY 2

DAY2-Angular6之出來吧小火龍

如何從神奇寶貝球招喚小火龍 學習 angular 第一步就是要安裝 angular cli,這邊會接觸到 cmd (命令提示字元),過往自己寫 ASP.NET...

2018-10-12 ‧ 由 馬達 分享
DAY 3

DAY3-Angular6之資料夾和檔案配置既說明

Angular 專案資料夾既檔案配置和說明 若有參考其他資料來源在 文字 旁會有[數字]標誌,可在下方參考來源對照,並觀看原作者說明 資料夾 說明 備註...

2018-10-13 ‧ 由 馬達 分享
DAY 4

DAY4-Angular6之架構和常用詞彙

詞彙的變化 詞彙的解釋和出現都是為了釐清瞭解某個時空的概念或狀況,就一個單字「上車」,當有一台公車開到公車站,旁邊有人說「上車」,意思就會是要你走上公車,倘若你...

2018-10-14 ‧ 由 馬達 分享
DAY 5

DAY5-Angular6之app資料夾下的檔案內容說明

app資料夾下的檔案內容說明 app.module.ts src/app/app.module.ts ----- import { BrowserModule...

2018-10-15 ‧ 由 馬達 分享
DAY 6

DAY6-Angular6之假如app是舞台劇/@Component項目

前情提要 DAY5-Angular6之app資料夾下的檔案內容說明 啟動順序index.html↓app.module.ts↓app.component.ts↓...

2018-10-16 ‧ 由 馬達 分享
DAY 7

DAY7-Angular6之「IT狗的生活」開演/@NgModule項目

前情提要 DAY6-Angular6之假如app是舞台劇/@Component項目 開演啦! 在沒有 routing 的狀況下 以下就可以演好一齣戲了,僅讓 I...

2018-10-17 ‧ 由 馬達 分享
DAY 8

DAY8-Angular6之data binding-Interpolation

[1]Data binding 一個流程允許應用程式去顯示 data values 到 使用者端和反應使用者功能(像是 click 、touches、keyst...

2018-10-18 ‧ 由 馬達 分享
DAY 9

DAY9-Angular6之data binding-Property和Event

先備知識 Attribute (中文:屬性) 和 Property (中文:屬性) 區別 Attribute 屬於 Html Property 屬於 DOM...

2018-10-19 ‧ 由 馬達 分享
DAY 10

DAY10-Angular6之data binding-Attribute

Attribute binding (中文:屬性繫結) 你可以設定一組值到屬性中成為 attribute binding 筆記:這是一個 data bindi...

2018-10-20 ‧ 由 馬達 分享