☸ 課程說明
交付網站時，最重要的一環是確保網站能夠順利運行。隨著網站越來越大，商業價值越來越高，若網站上線後沒如預期執行，所造成的衝擊也會越來越大。如何運用有限的人力資源，處理日益龐大的回歸測試，是開發團隊必須面對的課題。此時，自動化測試就是一種最佳實踐。
端對端測試 (End-to-end testing) 非常適合保護高商業價值的功能，因為測試是從使用者的角度出發，對真實的系統進行測試，測試的結果恰恰代表功能符合需求。Protractor 是一套基於 Jasmine 與 Selenium 的 E2E (端對端) 測試框架，雖然 Protractor 初期是為了 Angular 量身打造，但事實上可以適用於任何前端框架使用，即便是 SPA 網頁或傳統網頁多頁面應用程式，都能夠非常有效率的進行撰寫自動化測試。
學習自動化測試已經是現代前端工程師的必備技能，本課程將會帶領你進入 E2E 自動化測試的世界，幫助你在發展系統的同時，也能同時兼顧系統中最重要的商業邏輯不被破壞。
☸ 課程編號
- DCT-109011
☸ 課程日期
- 2020 / 04 / 12 (日)、2020 / 04 / 19 (日)
- 09:30 ~ 16:30 (中午休息一小時)
☸ 課程特色
- 透過精心設計的 Labs 幫助你深入理解 Protractor APIs
- 學習到 Protractor 與 Angular/Vue/React 各種 E2E 測試技巧
- 分享實務上常見的陷阱與解決方案
- 學習 E2E 測試常見的設計樣式 (Design Patterns)
- 善用工具有效率地寫出 E2E 測試程式碼
- 學習到實務上常見的 E2E 測試偵錯技巧
☸ 課程主題
- 建立正確的測試觀念
- 單元測試
- 整合測試
- E2E 測試
- 認識前端測試框架與執行器
- Karma 介紹
- Jasmine 介紹
- Selenium 介紹
- Protractor 基本觀念
- 認識 Protractor 工具
- 簡介 Protractor 運作機制
- Protractor 快速上手
- 建立 Protractor 專案骨架
- 撰寫第一個 E2E 測試
- Protractor Recorder
- 認識 Control Flow
- 改用 async/await 非同步寫法
- Protractor 背後的運作機制
- 認識 NgZone 與 Protractor
- Protractor 實戰演練
- 認識 ElementFinder 與 Locator
- 各式 DOM 操作技巧 (表單、檔案上傳、對話方塊)
- 多重視窗之間的切換技巧
- 注入 JavaScript 應用技巧
- 善用 ExpectedConditions APIs
- 驗證畫面呈現的 E2E 測試
- Protractor 偵錯技巧
- 使用 Chrome Inspector 的偵錯模式
- 使用 VS Code 的偵錯模式
- 例外訊息的判斷技巧
- 正確處裡各種 Timeout 情境
- Protractor config.js 的運用
- 瀏覽器的設定
- 微調 Chrome 啟動與執行設定
- 同時執行不同瀏覽器 (Chrome, Firefox, IE, Mobile)
- 正確的方式建立多個 config.js
- 分類測試 (建立 Suites)
- 架設 Selenium 伺服器
- E2E 自動截圖技巧
- 瀏覽器的設定
- Style Guide 與 Action Helper
- 實作 Page Object 設計樣式
- Action Helper 介紹
☸ 適合對象
- 學員須了解基礎 HTML / JavaScript 語法
- 學員須了解 CSS 選取器語法 ( CSS Selectors )
- 網站測試人員 / 測試開發工程師 / 測試部門主管
- Web 開發人員 / 網頁前端工程師
- 具有基礎的程式設計概念 (寫過任何一種程式語言即可)
- 本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎JS能力即可)
☸ 預期效益
- 使用正確的觀念撰寫 E2E 自動化測試
- 學會測試網頁 Render 的結果
- 學會 Protractor 偵錯技巧
- 有效率的使用 Protractor 撰寫 E2E 測試
- 使用 Protractor 測試 Angular/Vue/React 網站
☸ 講者名單
- 多奇數位創意有限公司 技術總監 Will 保哥
- 2018 至今連續 2 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家。
- 2008 至今連續 12 度當選 微軟最有價值專家 (Developer Technologies)。
- 2013 年曾獲選第 6 屆iT邦幫忙鐵人賽【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。
- 熟悉 Web 開發技術、網站效能調校、許多 .NET/C# 開發技術、SQL Server 資料庫開發、網站內容管理系統、Docker 與 Kubernetes。
- 曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010~2015 講師、TechEd China 2011, 2013 講師。
- 出版著作有 ASP.NET MVC 2 開發實戰、Windows Phone 開發實戰、ASP.NET MVC 4 開發實戰等書籍。
- 部落格: https://blog.miniasp.com/
- 粉絲頁: https://www.facebook.com/will.fans
- 多奇數位創意有限公司 資深測試工程師 林峻同 Miles
- 擅長 ASP.NET MVC、單元測試、整合測試、E2E 自動化測試。
- 興趣專研前後端網頁開發趨勢，系統架構、Docker 微服務技術。
☸ 課程費用
- 課程定價：NT$ 12,000.-
- 優惠票：NT$ 8,000.-
- 三人同行票: NT$ 7,200.-
☸ 退換票辦法
- 考量行政成本，已完成繳費之學員如欲取消報名 -
- 開課前 11 天申請退費，退學費 90%。
- 開課前 10 天申請退費，退學費 0%。
- 如需退費，請填寫課程退費申請表，收到申請表，課程專員將寄發通知信
以告知申請進度 - 統一退費日期為申請日之下個月10 號。申請時間為「課程退費申請表」的回覆日期。
- 學員須自行負擔匯款手續費 NT 30 元
☸ 注意事項
- 本課程包含午餐
- 學員需攜帶筆電，且須事先安裝好實作環境 (課前公告在FB社團)
- 如需開立三聯式發票，請於報名時提供【公司名稱】與【統一編號】
- 如公司報帳需要，提早開立發票請提前告知或備註
- 若報名課程學員人數不足15人，主辦單位有權取消當次課程，並退還全額課程費用
- 若因不可抗拒因素(如：天災、停電)主辦單位有權取消當次課程，並退還全額課程費用
- 為配合政府落實節能減碳及推動電子發票政策，本公司自民國 107 年開始使用電子發票。為確保您能順利取得電子發票，煩請於下單時再次確認您已提供正確之 E-mail 信箱。
