iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 1 留言 2036 瀏覽

鐵人賽 Modern Web DAY 22

Angular 深入淺出三十天：表單與測試系列第 22 篇

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

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

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

0 Like 1 留言 1702 瀏覽

鐵人賽 Modern Web DAY 21

Angular 深入淺出三十天：表單與測試系列第 21 篇

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

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

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

0 Like 0 留言 1724 瀏覽

鐵人賽 Modern Web DAY 20

Angular 深入淺出三十天：表單與測試系列第 20 篇

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

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

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

0 Like 0 留言 2502 瀏覽

鐵人賽 Modern Web DAY 19

Angular 深入淺出三十天：表單與測試系列第 19 篇

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

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

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

0 Like 0 留言 3721 瀏覽

鐵人賽 Modern Web DAY 18

Angular 深入淺出三十天：表單與測試系列第 18 篇

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

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

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

1 Like 0 留言 6369 瀏覽

鐵人賽 Modern Web DAY 17

Angular 深入淺出三十天：表單與測試系列第 17 篇

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

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

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

0 Like 0 留言 1510 瀏覽

鐵人賽 Modern Web DAY 17

關於 UI 元件你所該知道的事系列第 17 篇

技術 Day 17 - UML x Interface — FormControl

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

parkerhiphop027 ‧ 2021-10-02

1 Like 0 留言 2272 瀏覽

鐵人賽 Modern Web DAY 16

Angular 深入淺出三十天：表單與測試系列第 16 篇

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

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

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

0 Like 1 留言 1281 瀏覽

鐵人賽 Modern Web DAY 15

Angular 深入淺出三十天：表單與測試系列第 15 篇

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

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

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

0 Like 1 留言 2567 瀏覽

鐵人賽 Modern Web DAY 14

Angular 深入淺出三十天：表單與測試系列第 14 篇

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

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

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

0 Like 1 留言 1346 瀏覽

鐵人賽 Modern Web DAY 13

Angular 深入淺出三十天：表單與測試系列第 13 篇

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

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

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

0 Like 1 留言 1415 瀏覽

鐵人賽 Modern Web DAY 12

Angular 深入淺出三十天：表單與測試系列第 12 篇

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

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

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

0 Like 2 留言 4851 瀏覽

鐵人賽 Modern Web DAY 11

Angular 深入淺出三十天：表單與測試系列第 11 篇

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

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

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

0 Like 1 留言 2552 瀏覽

鐵人賽 Modern Web DAY 10

Angular 深入淺出三十天：表單與測試系列第 10 篇

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

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

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

0 Like 2 留言 1665 瀏覽

鐵人賽 Modern Web DAY 9

Angular 深入淺出三十天：表單與測試系列第 9 篇

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

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

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

0 Like 3 留言 2346 瀏覽

鐵人賽 Modern Web DAY 8

Angular 深入淺出三十天：表單與測試系列第 8 篇

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

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

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

0 Like 0 留言 3525 瀏覽

鐵人賽 Modern Web DAY 25

初階 Rails 工程師的養成系列第 25 篇

技術 Day25. Form 裡面還有 Form 怎麼辦？- 表單 part3

Day23 的彈跳視窗元件，送出表單按鈕在form標籤的外面，理當來說form 外面的送出表單按鈕和裡面無關，今天我們會講如何處理這種狀況。 <div c...

漢漢老師 ‧ 2021-09-25

0 Like 0 留言 1212 瀏覽

鐵人賽 Modern Web DAY 23

初階 Rails 工程師的養成系列第 23 篇

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

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

漢漢老師 ‧ 2021-09-23

0 Like 0 留言 1738 瀏覽

鐵人賽 Modern Web DAY 24

初階 Rails 工程師的養成系列第 24 篇

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

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

漢漢老師 ‧ 2021-09-24

0 Like 1 留言 2602 瀏覽

鐵人賽 Modern Web DAY 7

Angular 深入淺出三十天：表單與測試系列第 7 篇

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

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

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

0 Like 1 留言 2724 瀏覽

鐵人賽 Modern Web DAY 6

Angular 深入淺出三十天：表單與測試系列第 6 篇

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

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

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

0 Like 1 留言 2504 瀏覽

鐵人賽 Modern Web DAY 5

Angular 深入淺出三十天：表單與測試系列第 5 篇

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

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

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

0 Like 1 留言 3033 瀏覽

鐵人賽 Modern Web DAY 4

Angular 深入淺出三十天：表單與測試系列第 4 篇

技術 Angular 深入淺出三十天：表單與測試 Day04 - 開始撰寫測試之前必須要知道的二三事

在開始撰寫測試之前，先帶大家來了解一下 Angular 預設使用的測試框架 ─ Karma 。 Karma 的原名是 Testacular ， Google...

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

0 Like 2 留言 7202 瀏覽

鐵人賽 Modern Web DAY 3

Angular 深入淺出三十天：表單與測試系列第 3 篇

技術 Angular 深入淺出三十天：表單與測試 Day03 - Reactive Forms 實作 - 以登入為例

今天要來用 Reactive Forms 的方式實作一個簡單的登入系統，撇開 UI 不談，具體的功能需求規格跟昨天差不多，如下所示：帳號格式為 Ema...

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

0 Like 1 留言 4278 瀏覽

鐵人賽 Modern Web DAY 2

Angular 深入淺出三十天：表單與測試系列第 2 篇

技術 Angular 深入淺出三十天：表單與測試 Day02 - Template Driven Forms 實作 - 以登入為例

今天要來用 Template Driven Forms 的方式實作一個簡單的登入系統，撇開 UI 不談，具體的功能需求規格如下：帳號格式為 Email...

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

0 Like 0 留言 1015 瀏覽

鐵人賽 Modern Web DAY 23

擺脫菜鳥的訓練，Angualr 基礎教學系列第 23 篇

技術 [Angular] Day23. Introduction to forms in Angular

從本章開始會進入 Angular Form 的部分，在現代網頁中與使用者互動的過程變得越來越重要，其中最主要的便是 Form，從一開始的登陸頁面到對商品或對網頁...

Fandix ‧ 2021-09-23

0 Like 0 留言 1719 瀏覽

鐵人賽 Modern Web DAY 29

ASP.NET MVC5架構說明與Q&A諮詢系統實作系列第 29 篇

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

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

小葵 ‧ 2020-10-12

0 Like 0 留言 1110 瀏覽

鐵人賽自我挑戰組 DAY 24

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 24 篇

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

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

Dye ‧ 2019-10-09

1 Like 0 留言 1592 瀏覽