技術 Angular 深入淺出三十天：表單與測試 Day23 - Reactive Forms 進階技巧 - 欄位連動檢核邏輯

大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？ 舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...

Leo ‧ 2021-10-08 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day07 - 整合測試實作 - 登入系統 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎...

Leo ‧ 2021-09-22 ‧團隊請支援 Coding

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

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

Leo ‧ 2021-09-29 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day05 - 如何寫出優秀的測試？

昨天介紹了開始撰寫測試之前必須要知道的二三事之後，想必大家已經對如何開始撰寫測試有了一些概念，但測試不是「有拜有保佑」，有寫就好。所以我們除了要知道如何開始撰...

Leo ‧ 2021-09-20 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day10 - Template Driven Forms 實作 - 動態表單初體驗

今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單，使用上有點像是保險業者的系統，可以新增多名被保人，也可以編輯與刪除被保...

Leo ‧ 2021-09-25 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day19 - 與 Cypress 的初次見面（下）

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

Leo ‧ 2021-10-04 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day08 - 單元測試實作 - 登入系統 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第三天的文章： Reactive Fo...

Leo ‧ 2021-09-23 ‧團隊請支援 Coding

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

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

Leo ‧ 2021-10-01 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day28 - 自訂表單元件

經過了這段時間的練習與學習，相信大家應該越來越能體會 Angular 表單的強大與便利。 不過既然 Angular 表單這麼好用，如果能讓自己做的 Compo...

Leo ‧ 2021-10-13 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day22 - 把 Cypress 變成 TypeScript 版

平常都用慣 TypeScript 版的 Cypress，但這兩天都用 JavaScript 在寫測試，令我有點不太習慣。 雖然 JS 版或 TS 版的差別並沒...

Leo ‧ 2021-10-07 ‧團隊請支援 Coding

技術 [快速入門前端 4] 什麼是 HTML 標籤 (2) — 表格(Table) 和表單(Form)

HTML 標籤 表格 - table <table> 顧名思義就是表格標籤，用來呈現二維資料的表資訊，不過 <table> 標籤只是作為...

技術 [DAY 29] Q&A 諮詢系統 - 程式開發（Forms）

最後來到了回覆問題的頁面啦長得不是很好看，但還沒想到怎麼修改它 (´◓Д◔`)歡迎大家提供意見！ 功能介紹 點選回覆當列的資料會被拉進左半邊，然後系統管理員在右...

小葵 ‧ 2020-10-12

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

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

Leo ‧ 2021-10-05 ‧團隊請支援 Coding

技術 開胃餐點 - 峰峰相連互動式資料表單

Alex ‧ 2018-10-23 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Angular 深入淺出三十天：表單與測試 Day09 - 整合測試實作 - 登入系統 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 再次幫大家複習一下整合測試的測試目標： 整合測試...

Leo ‧ 2021-09-24 ‧團隊請支援 Coding

技術 [Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況，使用 Reactive Form 處理應當會比 Template-Drive Form 好解決． 匯入...

TimTim ‧ 2019-10-07

技術 Angular 深入淺出三十天：表單與測試 Day21 - E2E 測試實作 - 被保人表單

大家如果對於昨天的 E2E 測試如果沒有什麼問題的話，今天就來為我們的被保人表單撰寫 E2E 測試吧！ 實作開始 撰寫測試前的準備昨天有說過了，今天就不再贅...

Leo ‧ 2021-10-06 ‧團隊請支援 Coding

技術 Day24. form_tag 與 simple_form_for 的用法 - 表單 part2

前一天，我們使用了simple_form_for提到了新增表單寫法，而今天要講一個上傳情境。這個上傳想要做的事情在特殊新增頁籤中新增或更新id=1,2,3,4的...

漢漢老師 ‧ 2021-09-24

技術 Day 19- 191005學習筆記 Express validator / form

前面完成的部分，已經讓使用者可以瀏覽閱讀網站上的資訊了。接下來將繼續完成 更新資料 的部分。這個部分主要是讓使用者透過 HTML form 來提交資料。 HT...

杯 ‧ 2019-10-05

技術 Angular 深入淺出三十天：表單與測試 Day25 - 測試進階技巧 - DI 抽換

好一陣子沒寫單元測試與整合測試了，大家是否覺得有些生疏了呢？ 之前的測試都寫得很簡單，正好昨天好好地寫了搜尋輸入框還有呼叫 API ，可以藉由撰寫這個功能的測...

Leo ‧ 2021-10-10 ‧團隊請支援 Coding

技術 Day 17 - UML x Interface — FormControl

上一章是在講跟 Input 相關的表單元件會使用 TextField 來給定表單會用到的 required, disabled, helperText 以及 l...

parkerhiphop027 ‧ 2021-10-02

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

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

Leo ‧ 2021-09-27 ‧團隊請支援 Coding

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

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

Leo ‧ 2021-09-28 ‧團隊請支援 Coding

技術 [DAY 15] React 表單處理，更新資料及儲存表單

［情境任務］ 解師傅：我們的餐廳生意越來越好了，為了不讓客人排隊，我想客製一個點餐機～ 小當家：啥？這是什麼玩意？ 解師傅：直接在點餐機上選擇餐點跟輸入客人的資...

Lala Wang ‧ 2022-09-30

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

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

Leo ‧ 2021-09-30 ‧團隊請支援 Coding

技術 Day23. 在講表單之前，先來談談routes和mvc - 表單 part1

在講解基本的表單架構以前，我們先將基本的CRUD建立起來。 以下的前情提要會提到有關mvc & routes的建設，還不熟悉 Rails 框架的讀者們，...

漢漢老師 ‧ 2021-09-23

技術 用HTML與CSS製作出「下拉選單」！

input原本的下拉選單太過擁擠，想製作出好看的下拉選單可以參考這邊呦～ HTML 先製作選單input值，讓input內文字能夠顯示出所選選項。 <di...

Alice CH ‧ 2022-09-17

技術 DAY16-Angular6之表單-Template-drive Forms

基礎 Template-drive Forms (中文：樣板驅動表單)，裡面有四個要素，搞懂他們就可以完勝囉！ form 裡面的 name [(hello)]...

馬達 ‧ 2018-10-26

技術 24 - 讓你可以跟訪客聯繫，或是要預約、訂位 ? 建個表單吧！

預設為免費的 Contact Form 7 ，不具有拖拉功能。教學建議另裝” wpform ( 官網 ) ”，以免費/個人使用而言算足夠 第一次安裝點選 [ 啟...

Dye ‧ 2019-10-09

技術 10 | WordPress 表單 (Form) 區塊組合

WordPress 表單 (Form) 是個功能多元化的功能，你可以透過它收集訪客意見、提供招募員工表格、收集產品團購的名單或作一般聯明用途，功能各式各樣，在...

Mack Chan ‧ 2022-09-24