1 天

網頁前端技術類 Angular 開發實戰：新手實作篇本課程搭配的實作課程，將以大量練習為主軸，由經驗豐富的實戰專家 Mike，從無到有帶你打造一個簡易但功能完善的內容管理系統，讓學員得以理解到 Angular 正確的核心概念與實務經驗，學會上場殺敵的真本事。

此課程適合給...

對於 Angular 開發框架有興趣的人
對於 Angular 已經有點基礎但沒有足夠開發經驗的人
曾經參加過【Angular 開發實戰：新手入門篇】的學員
本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎 JS 能力即可)

上完此課程你將會...

透過實作一整套「內容管理系統」，學會完整的 Angular 開發生命週期
了解如何用 Angular 提升網站的可維護性
藉由動手實作，將完整的實務開發經驗刻入腦袋中
學會管理大型 Angular 專案的實務經驗與技巧

Angular 框架經過數年的發展，框架本身已經相當成熟，不但進入門檻越來越低，在執行速度、開發效率、學習曲線方面，也都得到了一個相當不錯的平衡點。我們都知道，網頁前端技術日新月異，但就長期觀察下來，近兩年來 Angular 框架發展已經相當穩定，官方團隊也不斷精進整個開發生態，無論是在開發工具的支援，或是透過 Angular CLI 加速大型專案管理，都已經有相當程度的效益。現在，就是投入 Angular 學習的最佳時機！

Angular 非常適合用在企業級系統開發，其友善及漂亮的架構，可以有效減少團隊開發時所遇到的各種溝通問題，本課程搭配的實作課程，將以大量練習為主軸，由經驗豐富的實戰專家 Mike，從無到有帶你打造一個簡易但功能完善的內容管理系統，讓學員得以理解到 Angular 正確的核心概念與實務經驗，學會上場殺敵的真本事。

課程內容

主軸1：Angular 專案基礎架構（共 2 章）
2

主軸1：Angular 專案基礎架構
- 任務 01：建立專案基礎架構
- 任務 02：現有模板切版，及元件規劃
主軸2：Angular 畫面呈現與應用（共 6 章）
6

主軸2：Angular 畫面呈現與應用
- 任務 03：使用內嵌繫結 (interpolation) 顯示資料
- 任務 04：使用屬性繫結 (Property Binding) 顯示資料
- 任務 05：使用事件繫結 (Event Binding) 顯示資料
- 任務 06：使用雙向繫結 (Two-way Binding) 顯示資料
- 任務 07：使用Angular內建的屬性指令 (Attribute Directive)
- 任務 08：使用Angular內建的結構指令 (Structural Directive)
主軸3：Angular 中元件與元件傳遞資料的技巧（共 2 章）
2

主軸3：Angular 中元件與元件傳遞資料的技巧
- 任務 09：使用 @Input() 傳遞資料給子元件
- 任務 10：使用 @Output() 接受子元件輸出的資料
主軸4：服務 (service) 概念與應用（共 2 章）
2

主軸4：服務 (service) 概念與應用
- 任務 11：自訂服務元件
- 任務 12：使用 HttpClient 服務
主軸5：其他 Angular 功能特色（共 2 章）
2

主軸5：其他 Angular 功能特色
- 任務 13：使用內建 Pipe
- 任務 14：自訂 Pipe