課程目標
‧ 了解Angular前端開發框架與其優勢
‧ 學會有效率的利用Angular開發前端網頁應用程式
‧ 掌握開發Angular的重要觀念與開發技巧
詳細資訊請參考課程網址:https://www.iiiedu.org.tw/ANGU
課程大綱
1.簡介Angular開發框架
‧ 認識Angular歷史演進
‧ 認識Angular的優點及特色
2.TypeScript以及ES6基礎概念
‧ let與const
‧ type annotation
‧ template literal
‧ for of loop
‧ arrow function
‧ spread operator
‧ class
‧ interface
‧ module import/export
3.Angular開發環境
‧ 認識Node.js及npm套件管理工具
‧ 認識Visual Studio Code編輯器
4.Angular CLI建構器
‧ 基礎概念
‧ ng指令介紹
‧ 安裝Angular CLI
‧ 建立新專案
5.Angular元件
‧ 基礎概念
‧ 顯示資料
‧ 生命週期鉤子
‧ 屬性綁定,事件綁定,雙向綁定
‧ 屬性型指令,結構型指令
‧ 元件樣式,建立子元件,元件間傳遞資料
6.Angular管道
‧ 基礎概念
‧ 內建管道元件
‧ 自定義管道元件
7.Angular表單
‧ 基礎概念
‧ 建立表單
‧ 表單驗證
‧ 提交表單
8.Angular模組
‧ NgModule簡介
‧ NgModule metadata
‧ NgModule和元件
‧ NgModule和JS模組
‧ 內建常用函式庫
9.Angular路由
‧ 單一頁面應用(SPA)基礎概念
‧ 建立及設定路由
‧ Router outlet
‧ Router link
‧ Router paremeters
‧ 應用內導航
10.Angular服務及HttpClient
‧ 服務相依性注入基礎概念
‧ 認識Observable與RxJS
‧ 建立服務元件
‧ 透過HttpClient來與伺服器做溝通
先備知識
‧ 了解基礎HTML / CSS / JavaScript 語法
‧ 具有基礎的程式設計概念(寫過任何一種程式語言即可)
課程對象
Web開發人員 / 網頁設計師 / 網頁前端工程師