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

0 Like 0 留言 1783 瀏覽

鐵人賽自我挑戰組 DAY 18

從零開始前端學習(HTML、CSS、JavaScript) 系列第 18 篇

技術 Day 18 CSS <Sprite 精靈圖>

1. 為什麼需要精靈圖一個網頁中會需要很多小的背景作為修飾，若圖像過多服務器頻繁接收&發送會造成服務器壓力過大，將降低頁面加載速度因此，為了有效減少...

a0265392_lin ‧ 2021-09-28

0 Like 1 留言 1354 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

0 Like 0 留言 974 瀏覽

鐵人賽自我挑戰組 DAY 17

從零開始前端學習(HTML、CSS、JavaScript) 系列第 17 篇

技術 Day 17 CSS <用戶介面樣式 & 三角>

什麼是介面樣式? 所謂的介面樣式，就是更改一些用戶操作樣式，以提高用戶體驗。更改用戶的鼠標樣式語法 : li { cursor : pointer;...

a0265392_lin ‧ 2021-09-27

1 Like 0 留言 1962 瀏覽

鐵人賽自我挑戰組 DAY 27

JS30 學習日記系列第 27 篇

技術 Day 27 - Click and Drag to Scroll

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-27

0 Like 1 留言 1426 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

0 Like 2 留言 4910 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

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

1 Like 0 留言 907 瀏覽

鐵人賽自我挑戰組 DAY 26

JS30 學習日記系列第 26 篇

技術 Day 26 - Stripe Follow Along Dropdown Navigation [更新]

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-26

0 Like 0 留言 1005 瀏覽

鐵人賽 Modern Web DAY 27

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 27 篇

技術 #27 JS: Timing Events - Part 1

What is timing event? "JavaScript can be executed in time-intervals. This i...

Vida Lin ‧ 2021-09-27

1 Like 0 留言 872 瀏覽

鐵人賽自我挑戰組 DAY 25

JS30 學習日記系列第 25 篇

技術 Day 25 - Event Capture, Propagation, Bubbling and Once

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-25

0 Like 0 留言 1596 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day 10 - Design System x 實作 — Icon 元件

今天就要來實作 Icon 啦！事不宜遲直接開始！想先看 Code 或是 Demo 的由此去：Github Repo： ithelp-ui-demoLive D...

parkerhiphop027 ‧ 2021-09-25

0 Like 1 留言 2584 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

1 Like 0 留言 986 瀏覽

鐵人賽自我挑戰組 DAY 24

JS30 學習日記系列第 24 篇

技術 Day 24 - Sticky Nav

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-24

0 Like 0 留言 1941 瀏覽

鐵人賽 Modern Web DAY 25

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 25 篇

技術 #25 JS: HTML DOM Events - Part 3(Start Over Version)

Since the knowledge I learned yesterday was over my head, I decided to try anoth...

Vida Lin ‧ 2021-09-25

0 Like 0 留言 1022 瀏覽

鐵人賽 Modern Web DAY 24

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 24 篇

技術 #24 JS: HTML DOM Events - Part 2

For the topic today, I can't fully understand the logic that it works.So forgive...

Vida Lin ‧ 2021-09-24

0 Like 2 留言 1673 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

1 Like 0 留言 1909 瀏覽

鐵人賽自我挑戰組 DAY 23

JS30 學習日記系列第 23 篇

技術 Day 23 - Speech Synthesis

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-23

0 Like 3 留言 2363 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

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

1 Like 0 留言 657 瀏覽

鐵人賽自我挑戰組 DAY 22

JS30 學習日記系列第 22 篇

技術 Day 22 - Follow Along Links

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-22

0 Like 0 留言 1693 瀏覽

鐵人賽自我挑戰組 DAY 12

從零開始前端學習(HTML、CSS、JavaScript) 系列第 12 篇

技術 Day 12 CSS <圓角邊框、盒子陰影>

圓角邊框使用border-radius圓角邊框樣式，可以修改盒子邊框變成圓角語法: border-radius:length; //四邊屬性設置同樣 bo...

a0265392_lin ‧ 2021-09-22

0 Like 1 留言 2620 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

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

1 Like 0 留言 819 瀏覽

鐵人賽自我挑戰組 DAY 21

JS30 學習日記系列第 21 篇

技術 Day 21 - Geolocation based Speedometer and Compass

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-21

0 Like 0 留言 1303 瀏覽

鐵人賽自我挑戰組 DAY 11

從零開始前端學習(HTML、CSS、JavaScript) 系列第 11 篇

技術 Day 11 CSS <三大特性>

CSS中語法有著三大特性分別為: 層疊性、繼承性、優先性 1. 層疊性若是設置給相同選擇器相同的樣式此時一個樣式就會覆蓋(層疊)另一個衝突的樣式層疊性...

a0265392_lin ‧ 2021-09-21

0 Like 0 留言 897 瀏覽

鐵人賽 Modern Web DAY 26

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 26 篇

技術 #26 JS: HTML DOM Events - Part 4(Start Over Version)

After understanding the basic HTML DOM Event concept in the last article, now we...

Vida Lin ‧ 2021-09-26

0 Like 0 留言 1203 瀏覽

鐵人賽 Modern Web DAY 23

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 23 篇

技術 #23 JS: HTML DOM Events - Part 1

What is the Event? “HTML DOM events allow JavaScript to register different event...

Vida Lin ‧ 2021-09-23

0 Like 1 留言 2743 瀏覽

鐵人賽 Modern Web DAY 6

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

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

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

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

0 Like 0 留言 643 瀏覽

鐵人賽自我挑戰組 DAY 10

從零開始前端學習(HTML、CSS、JavaScript) 系列第 10 篇

技術 Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式元素顯示模式就是元素(標籤)以什麼方式進行顯示作用 : 網頁的標籤非常多，了解他們的特點可以更方便的布局網頁 ex : <di...

a0265392_lin ‧ 2021-09-20

0 Like 1 留言 2537 瀏覽

鐵人賽 Modern Web DAY 5

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

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

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

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

0 Like 0 留言 1657 瀏覽

鐵人賽自我挑戰組 DAY 9

從零開始前端學習(HTML、CSS、JavaScript) 系列第 9 篇

技術 Day 09 CSS <背景屬性>

CSS背景屬性可以給頁面元素添加背景樣式背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色background-color屬...

a0265392_lin ‧ 2021-09-19

1 Like 0 留言 1296 瀏覽

鐵人賽自我挑戰組 DAY 20

JS30 學習日記系列第 20 篇

技術 Day 20 - Native Speech Recognition

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-20

1 Like 0 留言 1150 瀏覽

鐵人賽自我挑戰組 DAY 19

JS30 學習日記系列第 19 篇

技術 Day 19 - Unreal Webcam Fun [更新]

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-19

技術 Day 18 CSS <Sprite 精靈圖>

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

技術 Day 17 CSS <用戶介面樣式 & 三角>

技術 Day 27 - Click and Drag to Scroll

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

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

技術 Day 26 - Stripe Follow Along Dropdown Navigation [更新]

技術 #27 JS: Timing Events - Part 1

技術 Day 25 - Event Capture, Propagation, Bubbling and Once

技術 Day 10 - Design System x 實作 — Icon 元件

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

技術 Day 24 - Sticky Nav

技術 #25 JS: HTML DOM Events - Part 3(Start Over Version)

技術 #24 JS: HTML DOM Events - Part 2

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

技術 Day 23 - Speech Synthesis

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

技術 Day 22 - Follow Along Links

技術 Day 12 CSS <圓角邊框、盒子陰影>

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

技術 Day 21 - Geolocation based Speedometer and Compass

技術 Day 11 CSS <三大特性>

技術 #26 JS: HTML DOM Events - Part 4(Start Over Version)

技術 #23 JS: HTML DOM Events - Part 1

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

技術 Day 10 CSS <元素顯示模式>

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

技術 Day 09 CSS <背景屬性>

技術 Day 20 - Native Speech Recognition

技術 Day 19 - Unreal Webcam Fun [更新]

標記使用者