教育訓練Angular 開發實戰：新手實作篇
1 天
網頁前端技術類 Angular 開發實戰：新手實作篇本課程搭配的實作課程，將以大量練習為主軸，由經驗豐富的實戰專家 Mike， 從無到有帶你打造一個簡易但功能完善的內容管理系統，讓學員得以理解到 Angular 正確的核心概念與實務經驗， 學會上場殺敵的真本事。

此課程適合給...

  • 對於 Angular 開發框架有興趣的人
  • 對於 Angular 已經有點基礎但沒有足夠開發經驗的人
  • 曾經參加過【Angular 開發實戰：新手入門篇】的學員
  • 本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎 JS 能力即可)

上完此課程你將會...

  • 透過實作一整套「內容管理系統」，學會完整的 Angular 開發生命週期
  • 了解如何用 Angular 提升網站的可維護性
  • 藉由動手實作，將完整的實務開發經驗刻入腦袋中
  • 學會管理大型 Angular 專案的實務經驗與技巧

Angular 框架經過數年的發展，框架本身已經相當成熟，不但進入門檻越來越低， 在執行速度、開發效率、學習曲線方面，也都得到了一個相當不錯的平衡點。 我們都知道，網頁前端技術日新月異，但就長期觀察下來，近兩年來 Angular 框架發展已經相當穩定， 官方團隊也不斷精進整個開發生態，無論是在開發工具的支援，或是透過 Angular CLI 加速大型專案管理， 都已經有相當程度的效益。現在，就是投入 Angular 學習的最佳時機！

Angular 非常適合用在企業級系統開發，其友善及漂亮的架構，可以有效減少團隊開發時所遇到的各種溝通問題， 本課程搭配的實作課程，將以大量練習為主軸，由經驗豐富的實戰專家 Mike， 從無到有帶你打造一個簡易但功能完善的內容管理系統，讓學員得以理解到 Angular 正確的核心概念與實務經驗，學會上場殺敵的真本事。

課程內容

2

主軸1：Angular 專案基礎架構

  • 任務 01：建立專案基礎架構
  • 任務 02：現有模板切版，及元件規劃
6

主軸2：Angular 畫面呈現與應用

  • 任務 03：使用內嵌繫結 (interpolation) 顯示資料
  • 任務 04：使用屬性繫結 (Property Binding) 顯示資料
  • 任務 05：使用事件繫結 (Event Binding) 顯示資料
  • 任務 06：使用雙向繫結 (Two-way Binding) 顯示資料
  • 任務 07：使用Angular內建的屬性指令 (Attribute Directive)
  • 任務 08：使用Angular內建的結構指令 (Structural Directive)
2

主軸3：Angular 中元件與元件傳遞資料的技巧

  • 任務 09：使用 @Input() 傳遞資料給子元件
  • 任務 10：使用 @Output() 接受子元件輸出的資料
2

主軸4：服務 (service) 概念與應用

  • 任務 11：自訂服務元件
  • 任務 12：使用 HttpClient 服務
2

主軸5：其他 Angular 功能特色

  • 任務 13：使用內建 Pipe
  • 任務 14：自訂 Pipe

講師介紹

Will 保哥

(黃保翕)

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

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

2008 至今連續 17 度當選 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