iT邦幫忙

鐵人檔案

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

用30天深入Angular 5的世界 系列

Angular是大家耳熟能詳的框架,我的目標是在這30天裡,念完所有官方文件,然後將學習紀錄寫成鐵人賽的學習筆記。
希望在這個鐵人賽的路程上,能看到我在辛苦耕耘中成長的歷程。

鐵人鍊成 | 共 31 篇文章 | 149 人訂閱 訂閱系列文 RSS系列文 團隊XY - 動手不動口
DAY 1

達標好文 [新手教程-1] 建立一個Angular5的專案

這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...

2017-12-20 ‧ 由 Claire Chang 分享
DAY 2

[新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes用這個指令,CLI會為我們初...

2017-12-21 ‧ 由 Claire Chang 分享
DAY 3

[新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/hero...

2017-12-22 ‧ 由 Claire Chang 分享
DAY 4

[新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

2017-12-23 ‧ 由 Claire Chang 分享
DAY 5

[新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案:按此下載本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CLI...

2017-12-24 ‧ 由 Claire Chang 分享
DAY 6

[新手教程-6] 使用Routing來切換頁面

本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...

2017-12-25 ‧ 由 Claire Chang 分享
DAY 7

[新手教程-7] 使用http來與API溝通

Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...

2017-12-26 ‧ 由 Claire Chang 分享
DAY 8

[功能介紹-1] Angular架構

本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...

2017-12-27 ‧ 由 Claire Chang 分享
DAY 9

[功能介紹-2] 資料繫結的模版語法

本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...

2017-12-28 ‧ 由 Claire Chang 分享
DAY 10

[功能介紹-3] Hooks的生命週期

本文同步發佈於:Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件,當元件...

2017-12-29 ‧ 由 Claire Chang 分享