iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Angular 深入淺出三十天:表單與測試 系列

Angular 身為前端三大框架之一,除了有統一的規範、完整的生態圈之外,個人覺得它在製作表單的方式上也有其獨到之處,再加上 Angular 生態圈自帶的測試框架,讓你學成之後再也不會寫出有 bug 的表單!就讓李歐用三十天的時間來分享如何用 Angular 來製作表單,並且學習如果使用 Angular 來寫測試,讓你的程式碼品質更上一層樓!

鐵人鍊成 | 共 30 篇文章 | 55 人訂閱 訂閱系列文 RSS系列文 團隊請支援 Coding
DAY 11

Angular 深入淺出三十天:表單與測試 Day11 - Reactive Forms 實作 - 動態表單初體驗

今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多,如下所示: 被保險人的欄位: 姓名(文字輸入框)...

2021-09-26 ‧ 由 Leo 分享
DAY 12

Angular 深入淺出三十天:表單與測試 Day12 - 單元測試實作 - 被保人 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第十天的文章: Te...

2021-09-27 ‧ 由 Leo 分享
DAY 13

Angular 深入淺出三十天:表單與測試 Day13 - 整合測試實作 - 被保人 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後,今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...

2021-09-28 ‧ 由 Leo 分享
DAY 14

Angular 深入淺出三十天:表單與測試 Day14 - 單元測試實作 - 被保人 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第十一天的文章: Reactive...

2021-09-29 ‧ 由 Leo 分享
DAY 15

Angular 深入淺出三十天:表單與測試 Day15 - 整合測試實作 - 被保人 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後,今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎?我幫大家複...

2021-09-30 ‧ 由 Leo 分享
DAY 16

Angular 深入淺出三十天:表單與測試 Day16 - Template Driven Forms vs Reactive Forms

這段期間,我們用 Template Driven Forms 與 Reactive Forms 各自做了一個登入表單(靜態)與被保人表單(動態),而且我們也都...

2021-10-01 ‧ 由 Leo 分享
DAY 17

Angular 深入淺出三十天:表單與測試 Day17 - E2E 自動化測試工具簡介

在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代, E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...

2021-10-02 ‧ 由 Leo 分享
DAY 18

Angular 深入淺出三十天:表單與測試 Day18 - 與 Cypress 的初次見面(上)

昨天跟大家分享了 Cypress 有多厲害之後,大家有沒有很期待呢? 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧! 由於 Cypress 的功...

2021-10-03 ‧ 由 Leo 分享
DAY 19

Angular 深入淺出三十天:表單與測試 Day19 - 與 Cypress 的初次見面(下)

昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...

2021-10-04 ‧ 由 Leo 分享
DAY 20

Angular 深入淺出三十天:表單與測試 Day20 - E2E 測試實作 - 登入系統

經過這兩天的介紹,相信大家對於 Cypress 應該已經有了一定程度的理解,有沒有人已經開始用它來寫測試了呢? 今天就讓我帶著大家用 Cypress 來為我們...

2021-10-05 ‧ 由 Leo 分享