Online EventLearning

《線上授課》Angular 新手開發練功坊

2,070
7
2022.10.27 (Thu) 09:00 - 17:00 (GMT+8)Add To Calendar

【Online Event】After purchase completed, you can enter the live stream from the ticket page.

本課程使用 Zoom 進行

Online Event

This is an online event, free from geographical limitations—enjoy the fun easily from anywhere!

本課程使用 Zoom 進行

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

Online Event

This is an online event, free from geographical limitations—enjoy the fun easily from anywhere!

本課程使用 Zoom 進行

Event Introduction

◎ 課程說明

別再當隻迷途羔羊,莽撞迷失在這浩瀚無垠的前端大海,這個世界變動快到你來不及自己摸索了,你需要更快速、更優質、更有效的學習方式!

為何選擇 Angular?

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

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

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

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

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

◎ 課程特色

  • Will 保哥 全程線上授課,無地域限制,可即時回應學員任何疑惑
  • 學員可透過多種管道提問:FB 社團、Zoom 聊天室、Zoom 共享桌面
  • 學員可透過共享螢幕的方式提問與遠端控制,學員可觀摩解決問題的過程
  • 課程全程錄影,學員課後 3 個月內可免費無限次重播!
  • 課程結束寄發 Will 保哥親筆簽名結業證書 (無價)

◎ 課程編號

  • DCT-111011

◎ 課程日期

  • 2022 / 11 / 06 (日) Angular 13 開發實戰:新手入門篇
  • 2022 / 11 / 13 (日) Angular 13 開發實戰:新手實作篇
  • 09:00 ~ 17:00 (中午休息一個小時)

◎ 課程主題

Angular 13 開發實戰:新手入門篇

  • 體驗 Angular 開發流程
    • 認識 Angular 運作架構
    • 認識 Angular 啟動流程
    • 建立專案骨架
    • 建立 App 元件
    • 建立 App 元件樣板 (Template)
    • 套用 App 元件樣板的樣式 (Styles)
    • 認識 Directive 畫面命令
    • 建立子元件與樣板
    • 建立事件處裡器
    • 認識 4 種資料繫結方法
    • 使用相依注入與 Http 服務
    • 建立服務元件

Angular 13 開發實戰:新手實作篇

  • 主軸1:Angular 專案基礎架構
    • 任務 01:建立專案基礎架構
    • 任務 02:現有模板切版,及元件規劃
  • 主軸2:Angular 畫面呈現與應用
    • 任務 03:使用內嵌繫結 (interpolation) 顯示資料
    • 任務 04:使用屬性繫結 (Property Binding) 顯示資料
    • 任務 05:使用事件繫結 (Event Binding) 顯示資料
    • 任務 06:使用雙向繫結 (Two-way Binding) 顯示資料
    • 任務 07:使用Angular內建的屬性指令 (Attribute Directive)
    • 任務 08:使用Angular內建的結構指令 (Structural Directive)
  • 主軸3:Angular 中元件與元件傳遞資料的技巧
    • 任務 09:使用 @Input() 傳遞資料給子元件
    • 任務 10:使用 @Output() 接受子元件輸出的資料
  • 主軸4:服務 (service) 概念與應用
    • 任務 11:自訂服務元件
    • 任務 12:使用 HttpClient 服務
  • 主軸5:其他 Angular 功能特色
    • 任務 13:使用內建 Pipe
    • 任務 14:自訂 Pipe

◎ 適合對象

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

◎ 預期效益

  • 了解 Angular 開發框架與其優勢
  • 了解 AngularJS 1.x 與 Angular 13 的差異
  • 了解如何用 Angular 提升網站的可維護性
  • 了解 Angular 開發框架最重要的基礎觀念
  • 結訓後可立即使用 Angular 開發前端應用程式
  • 透過實作一整套「內容管理系統」,學會完整的 Angular 開發生命週期
  • 藉由動手實作,將完整的實務開發經驗刻入腦袋中
  • 學會管理大型 Angular 專案的實務經驗與技巧
  • 提升個人能力與幫助前端工程的職涯發展 ( 提供結業證書 )

◎ 講者名單

多奇數位創意有限公司 技術總監  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/
  • 粉絲頁: https://www.facebook.com/will.fans

 

多奇數位創意有限公司 全端工程師 黃升煌 Mike (實作課程)

  • 2020 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家
  • 2020 至榮獲 Microsoft MVP 微軟最有價值專家 (Developer Technologies)
  • 2017 年以「Angular Material 完全攻略」榮獲【第 9 屆 iT 邦幫忙鐵賽】Modern Web 組冠軍
  • 2018 年以「Angular 大師之路」榮獲【第 10 屆 iT 邦幫忙鐵人賽】Modern Web 組優選
  • 2020 年以「打通 RxJS 任督二脈」榮獲【第 12 屆 iT 邦幫忙鐵人賽】Modern Web 組冠軍
  • 熟悉 Angular 與 .NET 相關開發技術
  • 出版著作有 『打通RxJS任督二脈: 從菜雞前進老鳥必學的關鍵知識』
  • 部落格: https://wellwind.idv.tw/blog/
  • 粉絲頁: https://www.facebook.com/fullstackledder/

◎ 課程費用     

  • 優惠票 NT$ 8,000.-
  • 三人同行票 NT$ 7,200.-  (每人)
    • 本課程包含「新手入門篇」+「新手實作篇」兩天課程

◎ 退換票辦法

  • 考量行政成本,已完成繳費之學員如欲取消報名 -
    • 開課前11天申請退費,退學費90%
    • 開課前10天申請退費,退學費 0%
  • 如需退費,請填寫課程退費申請表,收到申請表,課程專員將寄發通知信mail以告知申請進度
  • 統一退費日期為申請日之下個月10號。申請時間為「課程退費申請表」的回覆日期。
  • 學員須自行負擔匯款手續費,NT 30元

◎ 注意事項

  • 學員事先安裝好實作環境(課前公告於FB社團)
  • 如需開立三聯式發票,請於報名時提供【公司名稱】與【統一編號】
  • 若課程發票欲提前呈報公司報帳,請於報帳前來電或來信告知
  • 若報名課程學員人數不足15人,主辦單位有權取消當次課程,並退還全額課程費用
  • 若因不可抗拒之因素(如:天災、停電),主辦單位有權取消當次課程,並退還全額課程費用 
  • 為配合政府落實節能減碳及推動電子發票政策,本公司從民國 107 年開始使用電子發票。為確保您能順利取得電子發票,煩請於下單時再次確認您已提供正確之 E-mail 信箱

avatar

多奇教育訓練

《線上授課》Angular 新手開發練功坊

2022.10.27 (Thu) 09:00 - 17:00 (GMT+8)

Guests

Will 保哥
Will 保哥
Mike
Mike
loading