此課程適合給...
-
了解基礎 HTML / CSS / JavaScript 語法
-
Web 開發人員 / 網頁設計師 / 網頁前端工程師
-
具有基礎的程式設計概念 (寫過任何一種程式語言即可)
-
本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎 JS 能力即可)
上完此課程你將會...
-
了解 Angular 開發框架與其優勢
-
了解如何用 Angular 提升網站的可維護性
-
了解 Angular 開發框架最重要的基礎觀念
-
結訓後可立即使用 Angular 開發前端應用程式
想當年,AngularJS 的出現,帶給大家的是一次又一次的驚喜, 但這高潮迭起的學習曲線,著實讓人又愛又恨。大家也見識過 React 的絢麗登場,效能優異的 VDOM 技術霎時震攝了不少前端攻城獅, 不過能力越強,責任也就越大,隨之而來的便是架構上的混亂與不知所措
現在,Angular 的到來,不但挾帶強大的架構優勢與全新的元件化技術降低學習門檻, 優異的 TypeScript 與各式開發工具的火力支援更是如虎添翼,如果再算上國內外龐大的社群基礎, 可預見的將在這前端世界掀起一場絢麗戰火。
本次課程將帶領大家快速上手 Angular 網站開發框架,課程中也會提及部分ES6/TypeScript的重要特性與觀念, 更會在課後提供進一步的 Angular 補充教材,相信可以帶領大家在最短時間內掌握Angular 開發密技。
課程內容
-
不可不知的入門觀念(共 2 章)2
不可不知的入門觀念
- 認識 Angular 運作架構
- 認識 Angular 啟動流程
-
手把手入門開發實戰(共 6 章)6
手把手入門開發實戰
- 建立專案骨架
- 認識 Standalone Angular 開發模式
- 建立 App 元件
- 建立 App 元件樣板 (Template)
- 認識 4 種資料繫結方法
- 套用 App 元件樣板的樣式 (Styles)
-
頁面更有彈性的元件開發技巧(共 4 章)4
頁面更有彈性的元件開發技巧
- 認識 Directive 畫面命令
- 認識 Pipe 管道指令
- 建立子元件與樣板
- 建立事件處裡器
-
從入門到進階必備的知識(共 4 章)4
從入門到進階必備的知識
- 認識相依注入基本觀念
- 使用 inject 注入物件
- 使用相依注入與 Http 服務
- 建立服務元件
不可不知的入門觀念
- 認識 Angular 運作架構
- 認識 Angular 啟動流程
手把手入門開發實戰
- 建立專案骨架
- 認識 Standalone Angular 開發模式
- 建立 App 元件
- 建立 App 元件樣板 (Template)
- 認識 4 種資料繫結方法
- 套用 App 元件樣板的樣式 (Styles)
頁面更有彈性的元件開發技巧
- 認識 Directive 畫面命令
- 認識 Pipe 管道指令
- 建立子元件與樣板
- 建立事件處裡器
從入門到進階必備的知識
- 認識相依注入基本觀念
- 使用 inject 注入物件
- 使用相依注入與 Http 服務
- 建立服務元件
講師介紹
Will 保哥
(黃保翕)2019 年獲選 Microsoft Regional Director (RD) 微軟技術社群區域總監
2018 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家
2008 至今連續 19 度當選 Microsoft MVP 微軟最有價值專家 (Developer Technologies)。
2013 年曾獲選第 6 屆iT邦幫忙鐵人賽【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。
熟悉 Angular、JavaScript、.NET、C#、ASP.NET MVC、Go、Docker、Kubernetes 相關技術。擅長 DevOps 與組織文化建立、軟體團隊建構與管理。熱愛分享知識。
曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010~2015 講師、TechEd China 2011, 2013 講師。
出版著作有 ASP.NET MVC 2 開發實戰、Windows Phone 開發實戰、ASP.NET MVC 4 開發實戰等書籍。