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

0 Like 1 留言 2244 瀏覽

鐵人賽 Modern Web DAY 5

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

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

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

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

0 Like 0 留言 1356 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day 09 CSS <背景屬性>

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

a0265392_lin ‧ 2021-09-19

1 Like 0 留言 945 瀏覽

鐵人賽自我挑戰組 DAY 19

JS30 學習日記系列第 19 篇

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

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

Xiang1009 ‧ 2021-09-19

0 Like 0 留言 981 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 #19 JS: Modified functions & how function create spaces

Modified functions(變形函式) Before introducing modified function, let's recall our...

Vida Lin ‧ 2021-09-19

0 Like 1 留言 2770 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

1 Like 0 留言 473 瀏覽

鐵人賽自我挑戰組 DAY 18

JS30 學習日記系列第 18 篇

技術 Day 18 - Tally String Times with Reduce

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

Xiang1009 ‧ 2021-09-18

0 Like 0 留言 514 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

a0265392_lin ‧ 2021-09-18

0 Like 0 留言 895 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 #18 JS: Intro to function

What is function? Simple explanation: when you find out that you’re repeating c...

Vida Lin ‧ 2021-09-18

0 Like 2 留言 6383 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

0 Like 1 留言 11232 瀏覽

鐵人賽 Modern Web DAY 3

不只是串串API，新手前端30天系列第 3 篇

技術 DAY03 - 前端與後端的溝通起點 - API

前端除了要切版與設計師的溝通之外，在資料串接的部分，就是與後端工程師溝通的時候了! 後端要怎麼把資料給前端呢？在開始串接前通常又會做哪些事呢？ 01.API規格...

Lynn ‧ 2021-09-18

1 Like 0 留言 2136 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性用於定義字體系列、大小、粗細和文字樣式(ex:斜體) 1.字體系列font-family 屬性定義文本的字體系列 <st...

a0265392_lin ‧ 2021-09-17

1 Like 0 留言 542 瀏覽

鐵人賽自我挑戰組 DAY 17

JS30 學習日記系列第 17 篇

技術 Day 17 - Sorting Band Names without articles

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

Xiang1009 ‧ 2021-09-17

0 Like 1 留言 3865 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

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

0 Like 0 留言 804 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 #17 JS: loop - Part 2

To fully understand how loop works, I try to break down the loop and practice li...

Vida Lin ‧ 2021-09-17

0 Like 0 留言 1001 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 #16 JS: loop - Part 1

while statement If the statement is true, the code inside of {} would be execute...

Vida Lin ‧ 2021-09-16

1 Like 0 留言 609 瀏覽

鐵人賽自我挑戰組 DAY 16

JS30 學習日記系列第 16 篇

技術 Day 16 - CSS Text Shadow Mouse Move Effect

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

Xiang1009 ‧ 2021-09-16

0 Like 0 留言 1550 瀏覽

鐵人賽 Modern Web DAY 1

Sideproject(作品集) from 0 to 1 系列第 1 篇

技術 Day1 Sideproject(作品集) from 0 to 1 -簡介

嗨～大家好，小弟目前任職於一間小公司，負責前端的部分，而我的夥伴，則是在一間比較大的公司負責後端的部分（實作經驗比我多半年但公司寫的是20年前的語言了）這次分...

shrine90459 ‧ 2021-09-15

0 Like 0 留言 757 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成，包含標籤選擇器、類選擇器、i...

a0265392_lin ‧ 2021-09-15

1 Like 0 留言 903 瀏覽

鐵人賽自我挑戰組 DAY 15

JS30 學習日記系列第 15 篇

技術 Day 15 - LocalStorage and Event Delegation

題外話不知不覺鐵人賽也到一半了呢! 開學後，能寫文章的時間就漸漸變少(期初各種專題、報告就紛紛露頭啦)，或許文章的品質有因為趕稿略微下降不少吧XD。這次的鐵...

Xiang1009 ‧ 2021-09-15

0 Like 0 留言 651 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 #15 JS: if else statement

To make the operators meaningful for users, let’s explain by examples if stateme...

Vida Lin ‧ 2021-09-15

0 Like 0 留言 1104 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料常用情況 : 註冊頁面... 主要由表單域、表單元素、提示文字這三種內容組成以MOMO註冊頁面為範例: 1.表單域...

a0265392_lin ‧ 2021-09-14

1 Like 0 留言 993 瀏覽

鐵人賽自我挑戰組 DAY 14

JS30 學習日記系列第 14 篇

技術 Day 14 - Object and Arrays - Reference VS Copy

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

Xiang1009 ‧ 2021-09-14

0 Like 0 留言 721 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 #14 JS: create a calculator by prompt()

Final Calculator Design <!DOCTYPE html> <html> <head> <tit...

Vida Lin ‧ 2021-09-14

0 Like 0 留言 720 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局主要分為無序列表、有序列表、自定義列表三大類 1.無序列表無序列表主要使用的標籤如下蘋果香蕉鳳梨水蜜桃哈密瓜無序列表使用無序列...

a0265392_lin ‧ 2021-09-13

0 Like 0 留言 809 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 #13 JS: Intro to Data, Variables, Operators

Data: Number, String, Boolean Number: e.g. 7, 17 String: consist of quotation m...

Vida Lin ‧ 2021-09-13

1 Like 1 留言 1235 瀏覽

鐵人賽自我挑戰組 DAY 13

JS30 學習日記系列第 13 篇

技術 Day 13 - Slide In on Scroll

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

Xiang1009 ‧ 2021-09-13

0 Like 0 留言 1349 瀏覽

鐵人賽自我挑戰組 DAY 2

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

技術 Day 02 HTML<表格標籤>

表格標籤主要用來顯示以及展示數據，可用表格標籤排版後讓數據更容易閱讀 1. 表格基礎標籤簡易介紹 ( 以code表示 ) : <table> 表示表...

a0265392_lin ‧ 2021-09-12

0 Like 0 留言 791 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 #12 JavaScript Introduction

What is JavaScript? HTML is like the structure/bone of our body; JavaScript is...

Vida Lin ‧ 2021-09-12

1 Like 0 留言 985 瀏覽

鐵人賽自我挑戰組 DAY 12

JS30 學習日記系列第 12 篇

技術 Day 12 - Key Sequence Detection (KONAMI CODE)

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

Xiang1009 ‧ 2021-09-12

1 Like 0 留言 1741 瀏覽

鐵人賽自我挑戰組 DAY 11

JS30 學習日記系列第 11 篇

技術 Day 11 - Custom HTML5 Video Player

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

Xiang1009 ‧ 2021-09-11

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

技術 Day 09 CSS <背景屬性>

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

技術 #19 JS: Modified functions & how function create spaces

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

技術 Day 18 - Tally String Times with Reduce

技術 Day 08 CSS <文本屬性>

技術 #18 JS: Intro to function

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

技術 DAY03 - 前端與後端的溝通起點 - API

技術 Day 07 CSS <字體屬性>

技術 Day 17 - Sorting Band Names without articles

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

技術 #17 JS: loop - Part 2

技術 #16 JS: loop - Part 1

技術 Day 16 - CSS Text Shadow Mouse Move Effect

技術 Day1 Sideproject(作品集) from 0 to 1 -簡介

技術 Day 05 CSS <基礎選擇器>

技術 Day 15 - LocalStorage and Event Delegation

技術 #15 JS: if else statement

技術 Day 04 HTML<表單標籤>

技術 Day 14 - Object and Arrays - Reference VS Copy

技術 #14 JS: create a calculator by prompt()

技術 Day 03 HTML<列表標籤>

技術 #13 JS: Intro to Data, Variables, Operators

技術 Day 13 - Slide In on Scroll

技術 Day 02 HTML<表格標籤>

技術 #12 JavaScript Introduction

技術 Day 12 - Key Sequence Detection (KONAMI CODE)

技術 Day 11 - Custom HTML5 Video Player

標記使用者