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

0 Like 0 留言 977 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 #22 JS: HTML DOM Fundamentals

What is the HTML DOM? "The HTML DOM is a standard object model and programm...

Vida Lin ‧ 2021-09-22

0 Like 0 留言 756 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 #21 JS: Object - Constructors

About Constructors “The way to create an 'object type', is to use an object cons...

Vida Lin ‧ 2021-09-21

0 Like 0 留言 1067 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 #20 JS: Object Fundamentals

What is an Object? Introduction by W3C School Elements creating Object: prope...

Vida Lin ‧ 2021-09-20

0 Like 1 留言 3069 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

1 Like 0 留言 589 瀏覽

鐵人賽自我挑戰組 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 留言 621 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day 08 CSS <文本屬性>

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

a0265392_lin ‧ 2021-09-18

0 Like 2 留言 7259 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

0 Like 1 留言 12664 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

Lynn ‧ 2021-09-18

1 Like 0 留言 2789 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day 07 CSS <字體屬性>

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

a0265392_lin ‧ 2021-09-17

1 Like 0 留言 621 瀏覽

鐵人賽自我挑戰組 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 留言 4316 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

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

0 Like 0 留言 1145 瀏覽

鐵人賽 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

1 Like 0 留言 745 瀏覽

鐵人賽自我挑戰組 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 留言 1728 瀏覽

鐵人賽 Modern Web DAY 1

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

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

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

shrine90459 ‧ 2021-09-15

0 Like 0 留言 940 瀏覽

鐵人賽自我挑戰組 DAY 5

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

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

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

a0265392_lin ‧ 2021-09-15

0 Like 0 留言 1051 瀏覽

鐵人賽 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 0 留言 950 瀏覽

鐵人賽 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

1 Like 0 留言 1146 瀏覽

鐵人賽自我挑戰組 DAY 15

JS30 學習日記系列第 15 篇

技術 Day 15 - LocalStorage and Event Delegation

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

Xiang1009 ‧ 2021-09-15

0 Like 0 留言 1322 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 Day 04 HTML<表單標籤>

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

a0265392_lin ‧ 2021-09-14

0 Like 0 留言 1136 瀏覽

鐵人賽 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 留言 1192 瀏覽

鐵人賽自我挑戰組 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 留言 869 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 Day 03 HTML<列表標籤>

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

a0265392_lin ‧ 2021-09-13

1 Like 1 留言 1457 瀏覽

鐵人賽自我挑戰組 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 留言 1576 瀏覽

鐵人賽自我挑戰組 DAY 2

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

技術 Day 02 HTML<表格標籤>

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

a0265392_lin ‧ 2021-09-12

0 Like 0 留言 794 瀏覽

鐵人賽 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 留言 872 瀏覽

鐵人賽 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

1 Like 0 留言 1179 瀏覽

鐵人賽自我挑戰組 DAY 12

JS30 學習日記系列第 12 篇

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

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

Xiang1009 ‧ 2021-09-12

0 Like 0 留言 907 瀏覽

鐵人賽 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 0 留言 1959 瀏覽

鐵人賽自我挑戰組 DAY 11

JS30 學習日記系列第 11 篇

技術 Day 11 - Custom HTML5 Video Player

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

Xiang1009 ‧ 2021-09-11

1 Like 0 留言 1610 瀏覽

鐵人賽自我挑戰組 DAY 10

JS30 學習日記系列第 10 篇

技術 Day 10 - Hold Shift to Check Multiple Checkboxes

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

Xiang1009 ‧ 2021-09-10

技術 #22 JS: HTML DOM Fundamentals

技術 #21 JS: Object - Constructors

技術 #20 JS: Object Fundamentals

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

技術 Day 18 - Tally String Times with Reduce

技術 Day 08 CSS <文本屬性>

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

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

技術 Day 07 CSS <字體屬性>

技術 Day 17 - Sorting Band Names without articles

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

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

技術 Day 16 - CSS Text Shadow Mouse Move Effect

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

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

技術 #18 JS: Intro to function

技術 #17 JS: loop - Part 2

技術 Day 15 - LocalStorage and Event Delegation

技術 Day 04 HTML<表單標籤>

技術 #16 JS: loop - Part 1

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

技術 Day 03 HTML<列表標籤>

技術 Day 13 - Slide In on Scroll

技術 Day 02 HTML<表格標籤>

技術 #15 JS: if else statement

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

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

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

技術 Day 11 - Custom HTML5 Video Player

技術 Day 10 - Hold Shift to Check Multiple Checkboxes

標記使用者