線上活動學習

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

1,978
7
2022.10.27 (Thu) 09:00 - 17:00 (GMT+8)加入行事曆

此活動為線上活動,購票後可於票券頁進入直播連結

本課程使用 Zoom 進行

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

本課程使用 Zoom 進行

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

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

本課程使用 Zoom 進行

活動簡介

◎ 課程說明

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

為何選擇 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

多奇教育訓練

verified

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

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

活動嘉賓

Will 保哥
Will 保哥
Mike
Mike
loading