1 天
網頁前端技術類 Angular 開發實戰:新手入門篇本次課程將帶領大家快速上手 Angular 網站開發框架,課程中也會提及部分ES6/TypeScript的重要特性與觀念, 更會在課後提供進一步的 Angular 補充教材,相信可以帶領大家在最短時間內掌握Angular 開發密技。

此課程適合給...

  • 了解基礎 HTML / CSS / JavaScript 語法
  • Web 開發人員 / 網頁設計師 / 網頁前端工程師
  • 具有基礎的程式設計概念 (寫過任何一種程式語言即可)
  • 本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎 JS 能力即可)

上完此課程你將會...

  • 了解 Angular 開發框架與其優勢
  • 了解如何用 Angular 提升網站的可維護性
  • 了解 Angular 開發框架最重要的基礎觀念
  • 結訓後可立即使用 Angular 開發前端應用程式

想當年,AngularJS 的出現,帶給大家的是一次又一次的驚喜, 但這高潮迭起的學習曲線,著實讓人又愛又恨。大家也見識過 React 的絢麗登場,效能優異的 VDOM 技術霎時震攝了不少前端攻城獅, 不過能力越強,責任也就越大,隨之而來的便是架構上的混亂與不知所措

現在,Angular 的到來,不但挾帶強大的架構優勢與全新的元件化技術降低學習門檻, 優異的 TypeScript 與各式開發工具的火力支援更是如虎添翼,如果再算上國內外龐大的社群基礎, 可預見的將在這前端世界掀起一場絢麗戰火。

本次課程將帶領大家快速上手 Angular 網站開發框架,課程中也會提及部分ES6/TypeScript的重要特性與觀念, 更會在課後提供進一步的 Angular 補充教材,相信可以帶領大家在最短時間內掌握Angular 開發密技。

課程內容

2

不可不知的入門觀念

  • 認識 Angular 運作架構
  • 認識 Angular 啟動流程
6

手把手入門開發實戰

  • 建立專案骨架
  • 認識 Standalone Angular 開發模式
  • 建立 App 元件
  • 建立 App 元件樣板 (Template)
  • 認識 4 種資料繫結方法
  • 套用 App 元件樣板的樣式 (Styles)
4

頁面更有彈性的元件開發技巧

  • 認識 Directive 畫面命令
  • 認識 Pipe 管道指令
  • 建立子元件與樣板
  • 建立事件處裡器
4

從入門到進階必備的知識

  • 認識相依注入基本觀念
  • 使用 inject 注入物件
  • 使用相依注入與 Http 服務
  • 建立服務元件

講師介紹

保哥

Will

2019 年獲選 Microsoft Regional Director (RD) 微軟技術社群區域總監

2018 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家

2008 至今連續 15 度當選 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 開發實戰等書籍。

部落格 http://blog.miniasp.com

FB 粉絲頁 https://www.facebook.com/will.fans

學員回饋
Contact Us聯絡多奇
聯絡多奇為您提供最專業的協助!
background image background image