Angular 筆記

• Angular 開發環境 Windows / Ubuntu
• 建立 Angular 專案
• Angular 基本運作流程
• Angular 元件
• Angular 路由器
• Angular 導航
• Angular 模組
• Angular UI：Angular Material2
• Angular UI：Angular Flex-Layout
• Angular 子路由
• Angular 模組化
• Angular 延遲載入
• Angular UI：標題列
• Angular 事件
• Angular UI：Clarity Design System
• Angular 指令 & 資料繫結
• Angular 單向繫結
• Angular 服務
• Electron：跨平台的視窗應用程式
• PWA 偽裝術：manifest.json
• PWA 替身術：ServiceWorker - caches
• PWA 推送通知：ServiceWorker - push
• 既期待又怕受傷害：@angular/service-worker
• 你寫的文件別人看得懂嗎？：compodoc
• 學會 Angular 後，就只能寫前端程式嗎？：Nest
• 土法煉鋼的升級之路：Font Awesome 5
• 每個醫師身邊都應該要有個白衣天使：RxJS
• 彈珠圖塗鴉篇(一)：RxJS
• 彈珠圖塗鴉篇(二)：RxJS
• Operators 聯想篇：RxJS
• 別太在意包裝上的照片與實物之間的差異：RxJS
• 你或許看過四不像，但是你聽過四很像嗎？：NgRx
• 一家烤肉萬家香，一家著火…：RxJS - Subject

Angular 新手篇

Angular 筆記

• Angular 開發環境 Windows / Ubuntu
• 建立 Angular 專案
• Angular 基本運作流程
• Angular 元件
• Angular 路由器
• Angular 導航
• Angular 模組
• Angular UI：Angular Material2
• Angular UI：Angular Flex-Layout
• Angular 子路由
• Angular 模組化
• Angular 延遲載入
• Angular UI：標題列
• Angular 事件
• Angular UI：Clarity Design System
• Angular 指令 & 資料繫結
• Angular 單向繫結
• Angular 服務
• Electron：跨平台的視窗應用程式
• PWA 偽裝術：manifest.json
• PWA 替身術：ServiceWorker - caches
• PWA 推送通知：ServiceWorker - push
• 既期待又怕受傷害：@angular/service-worker
• 你寫的文件別人看得懂嗎？：compodoc
• 學會 Angular 後，就只能寫前端程式嗎？：Nest
• 土法煉鋼的升級之路：Font Awesome 5
• 每個醫師身邊都應該要有個白衣天使：RxJS
• 彈珠圖塗鴉篇(一)：RxJS
• 彈珠圖塗鴉篇(二)：RxJS
• Operators 聯想篇：RxJS
• 別太在意包裝上的照片與實物之間的差異：RxJS
• 你或許看過四不像，但是你聽過四很像嗎？：NgRx
• 一家烤肉萬家香，一家著火…：RxJS - Subject

Ionic 筆記

• Ionic 開發環境
• 建立 Ionic 專案
• Ionic vs. Angular

Nest 筆記

• Nest 開發環境

Docker

• 用 Docker 建立不同 Angular CLI 版本的開發環境
• 用 Docker 建立多種資料庫的開發環境
• 不合理的要求是磨練：Docker 架站

專案筆記

• 用筆記也可以管理專案(一)：PlantUML
• 用筆記也可以管理專案(二)：Markdown Preview Enhanced
• 易學難精：Git 簡單的部分(一)
• 易學難精：Git 簡單的部分(二)
• PostgreSQL 安裝、備份、還原
• 化繁為簡：01 資料庫篇
• 化繁為簡：02 後端篇(一)
• 化繁為簡：03 後端篇(二)驗證
• 化繁為簡：04 後端篇(三)REST
• 化繁為簡：05 後端篇(四)Controller
• 化繁為簡：06 前端篇(一)
• 化繁為簡：07 前端篇(二)實作
• 網路概論(一)
• 網路概論(二)
• 網路概論(三)
• 網路概論(四)

分享連結

部落格

• The Will Will Web
• CK’s Notepad
• 點燈坊
• Jeff’s WebTech Note

文章

• npm 與 package.json 快速入門
• 30 天精通 RxJS
• Angular 2 Tutorials with Examples
• Angular 4 教程

UI Component

• Angular Material2

• Angular Flex-Layout

• Clarity Design System

• PrimeNG

• Retro

• SB Admin HTML BS4

• Angular Expo

• Angular sample components

• Ionic

• Electron

其他

• Learn Git Branching!
• AssemblyScript

Docker

• 用 Docker 建立不同 Angular CLI 版本的開發環境
• 用 Docker 建立多種資料庫的開發環境
• 不合理的要求是磨練：Docker 架站

Ionic 筆記

• Ionic 開發環境
• 建立 Ionic 專案
• Ionic vs. Angular

專案筆記

• 用筆記也可以管理專案(一)：PlantUML
• 用筆記也可以管理專案(二)：Markdown Preview Enhanced
• 易學難精：Git 簡單的部分(一)
• 易學難精：Git 簡單的部分(二)
• PostgreSQL 安裝、備份、還原
• 化繁為簡：01 資料庫篇
• 化繁為簡：02 後端篇(一)
• 化繁為簡：03 後端篇(二)驗證
• 化繁為簡：04 後端篇(三)REST
• 化繁為簡：05 後端篇(四)Controller
• 化繁為簡：06 前端篇(一)
• 化繁為簡：07 前端篇(二)實作
• 網路概論(一)
• 網路概論(二)
• 網路概論(三)
• 網路概論(四)

Slides

• RxJS (2018-06-11)

我沒辦法改變世界，但我可以改變我自己

• 團隊合作
• 為了達到目的可以不擇手段
• 錢不是萬能
• 失敗為成功之母
• 學習思考

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop

Angular 新手篇