【課程主題】：Kendo UI for Angular
【課程內容】：
範例網站：http://webnas.bhes.ntpc.edu.tw/chiubor/ng-demo-kendoui/
範例網站程式下載：ng-demo-kendoui
- 下載解壓縮後，請至專案資料夾中，下達下列指令：
- npm install => 重建 node_modules
- npm install => 重建 node_modules
- 安裝後若仍有缺元件：
- npm install –save 元件名稱
注意事項：
- npm install 完成後，會出現下列警告訊息：
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
警告原因是因為此元件僅適用於 darwin 作業系統，不適用於 Windows 作業系統，故予以跳過不安裝。
但若有其他元件相依於此元件，將導致其他元件無法正常安裝設定。因此最好是強制將其安裝，否則此訊息及此問題會不斷重演。
強制安裝指令：
npm install --force fsevents
課程相關教材：
- 新北市教育局程式應用研發社群工作坊-KendoUI(1060710-0711)
- Kendo UI 官方網站
- Kendo UI for Angular
- Kendo UI for Angular UI Components
- Kendo UI Documentation
- Kendo UI Theme Builder
- npm 常用命令指南
開發環境與工具：
- Angular 開發環境建置 & angular-cli
- Node.js (v6.11.1 LTS, v8.1.4 Current)
- WebStorm (2017.2)
- Git (2.13.2)
- Angular CLI
- GitHub – angular/angular-cli: CLI tool for Angular
- Google Chrome 擴充功能：Angular Augury
更新 Node.js, npm, Angular CLI
Node.js 重新安裝即可
npm i -g npm
npm unstall -g @angular/cli
npm i -g @angular/cli
網站佈署：
ng build --prod --base-href /ng-demo-kendoui/
將專案目錄下的 dist 資料夾整個複製到網站根目錄下(或另建置虛擬目錄)，將 dist 更名為 ng-demo-kendoui
重點提示：
index.html中的base修改成
<base href="/VirtualDirectory/">- 或是在 build 的時候使用
ng build --prod --base-href /VirtualDirectory/這個帶有
--base-href參數的指令
Angular 學習資源
- 新北市教育局程式應用研發社群工作坊-Angular(1060503~0621)
- 新北市教育局程式應用研發社群工作坊-Angular 2 進階(1060712~0714)
- 講義、範例檔、錄影檔：2017-Angular-ntpc-coder
- 教學影片：使用 Angular 2 開發 TodoMVC 應用程式完整實作教學
- 教學投影片：Angular 2 新手急救站
- 教學影片：Angular 2 新手急救站
- 教學投影片：Angular 2 開發實戰：進階開發篇 – RxJS 新手入門
- 教學影片：Angular 2 開發實戰：進階開發篇 – RxJS 新手入門
- 教學投影片：Angular 2 開發實戰_進階開發篇 (完整版) – 保哥
- 教學投影片：線上讀書會
- 佈署 Angular 應用程式至 IIS 虛擬目錄 / 應用程式