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

0 Like 0 留言 321 瀏覽

鐵人賽 JavaScript DAY 2

AI 時代，基礎要有：JavaScript30 打下紮實基礎系列第 2 篇

技術【Day02】01 - JavaScript Drum Kit

主題利用鍵盤按鍵去觸發畫面上的呈現與音效。成果完整程式碼Demo效果實作重點 Javascript 鍵盤事件keyboardEvent ：使用 k...

Hazel ‧ 2024-08-02

0 Like 0 留言 1593 瀏覽

技術 JS30 筆記 Day12 Key Sequence Detection

以下為自我紀錄的筆記，只記錄自己比較不熟的觀念。此章節主要是定義一個secretCode，然後再比對鍵盤輸入的值是否包含定義的secretCod。思路:鍵盤...

阿里里 ‧ 2023-08-03

0 Like 0 留言 998 瀏覽

技術 JS30 筆記 Day09 Dev Tools Domination

以下為自我紀錄的筆記，只記錄自己比較不熟的觀念。除了 console.log() 以外，console還提供了許多種方法，以下為本章所介紹的方法: conso...

阿里里 ‧ 2023-07-27

0 Like 0 留言 309 瀏覽

技術 JS30 筆記 Day07 Array Cardio Day 2

Array.prototype.slice()會改變原本的陣列，回傳值是一個包含被刪除的元素陣列array.splice(start[, deleteCount...

阿里里 ‧ 2023-07-25

0 Like 0 留言 1283 瀏覽

技術 JS30 筆記 Day05 Flex Panel Gallery

以下為自我紀錄的筆記，只記錄自己比較不熟的觀念。 classListDOM 每個節點都有一個 classList 物件，透過這個物件可以動態的在節點的 clas...

阿里里 ‧ 2023-07-24

0 Like 0 留言 498 瀏覽

技術 JS30 筆記 Day03 CSS Variables

以下為自我紀錄的筆記，只記錄自己比較不熟的觀念。思路:設定全域CSS變數 > 取得input元素 > 添加事件 > 使用JS變更CSS全域變...

阿里里 ‧ 2023-07-14

0 Like 0 留言 1094 瀏覽

技術 JS30 筆記 Day01 JavaScript Drum Kit

以下為自我紀錄的筆記，只記錄自己比較不熟的觀念。思路: 按下鍵盤 > 找到元素 > 撥放聲音 ontransitionend 事件唯有css t...

阿里里 ‧ 2023-06-19

1 Like 0 留言 754 瀏覽

鐵人賽 Modern Web DAY 1

利用JS30逼自己30天完成的筆記系列第 1 篇

技術 [Day 1] JavaScript Drum Kit

第一天的課程為 JavaScript Drum Kit 對於業界的各位，已經非常熟悉寫code這件事情，要完成一個什麼樣的功能，要怎麼寫下去或許已經是一種反射動...

耀耀 ‧ 2022-09-15

2 Like 0 留言 1614 瀏覽

鐵人賽自我挑戰組 DAY 30

JS30 學習日記系列第 30 篇

技術 Day 30 - Make a Whack A Mole Game with Vanilla JS

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

Xiang1009 ‧ 2021-09-30

1 Like 0 留言 2602 瀏覽

鐵人賽自我挑戰組 DAY 29

JS30 學習日記系列第 29 篇

技術 Day 29 - Vanilla JS Countdown Timer

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

Xiang1009 ‧ 2021-09-29

1 Like 0 留言 997 瀏覽

鐵人賽自我挑戰組 DAY 28

JS30 學習日記系列第 28 篇

技術 Day 28 - Build a Experimental Video Speed Controller UI

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

Xiang1009 ‧ 2021-09-28

1 Like 0 留言 1930 瀏覽

鐵人賽自我挑戰組 DAY 27

JS30 學習日記系列第 27 篇

技術 Day 27 - Click and Drag to Scroll

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

Xiang1009 ‧ 2021-09-27

1 Like 0 留言 891 瀏覽

鐵人賽自我挑戰組 DAY 26

JS30 學習日記系列第 26 篇

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

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

Xiang1009 ‧ 2021-09-26

1 Like 0 留言 858 瀏覽

鐵人賽自我挑戰組 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

1 Like 0 留言 969 瀏覽

鐵人賽自我挑戰組 DAY 24

JS30 學習日記系列第 24 篇

技術 Day 24 - Sticky Nav

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

Xiang1009 ‧ 2021-09-24

1 Like 0 留言 1846 瀏覽

鐵人賽自我挑戰組 DAY 23

JS30 學習日記系列第 23 篇

技術 Day 23 - Speech Synthesis

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

Xiang1009 ‧ 2021-09-23

1 Like 0 留言 639 瀏覽

鐵人賽自我挑戰組 DAY 22

JS30 學習日記系列第 22 篇

技術 Day 22 - Follow Along Links

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

Xiang1009 ‧ 2021-09-22

1 Like 0 留言 795 瀏覽

鐵人賽自我挑戰組 DAY 21

JS30 學習日記系列第 21 篇

技術 Day 21 - Geolocation based Speedometer and Compass

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

Xiang1009 ‧ 2021-09-21

1 Like 0 留言 1264 瀏覽

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

鐵人賽自我挑戰組 DAY 19

JS30 學習日記系列第 19 篇

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

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

Xiang1009 ‧ 2021-09-19

1 Like 0 留言 570 瀏覽

鐵人賽自我挑戰組 DAY 18

JS30 學習日記系列第 18 篇

技術 Day 18 - Tally String Times with Reduce

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

Xiang1009 ‧ 2021-09-18

1 Like 0 留言 612 瀏覽

鐵人賽自我挑戰組 DAY 17

JS30 學習日記系列第 17 篇

技術 Day 17 - Sorting Band Names without articles

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

Xiang1009 ‧ 2021-09-17

1 Like 0 留言 736 瀏覽

鐵人賽自我挑戰組 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

1 Like 0 留言 1125 瀏覽

鐵人賽自我挑戰組 DAY 15

JS30 學習日記系列第 15 篇

技術 Day 15 - LocalStorage and Event Delegation

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

Xiang1009 ‧ 2021-09-15

1 Like 0 留言 1178 瀏覽

鐵人賽自我挑戰組 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

1 Like 1 留言 1426 瀏覽

鐵人賽自我挑戰組 DAY 13

JS30 學習日記系列第 13 篇

技術 Day 13 - Slide In on Scroll

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

Xiang1009 ‧ 2021-09-13

1 Like 0 留言 1165 瀏覽

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

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

鐵人賽自我挑戰組 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

1 Like 0 留言 1102 瀏覽

鐵人賽自我挑戰組 DAY 9

JS30 學習日記系列第 9 篇

技術 Day 9 - 14 Must Know Dev Tools Tricks

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

Xiang1009 ‧ 2021-09-09

技術 【Day02】01 - JavaScript Drum Kit

技術 JS30 筆記 Day12 Key Sequence Detection

技術 JS30 筆記 Day09 Dev Tools Domination

技術 JS30 筆記 Day07 Array Cardio Day 2

技術 JS30 筆記 Day05 Flex Panel Gallery

技術 JS30 筆記 Day03 CSS Variables

技術 JS30 筆記 Day01 JavaScript Drum Kit

技術 [Day 1] JavaScript Drum Kit

技術 Day 30 - Make a Whack A Mole Game with Vanilla JS

技術 Day 29 - Vanilla JS Countdown Timer

技術 Day 28 - Build a Experimental Video Speed Controller UI

技術 Day 27 - Click and Drag to Scroll

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

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

技術 Day 24 - Sticky Nav

技術 Day 23 - Speech Synthesis

技術 Day 22 - Follow Along Links

技術 Day 21 - Geolocation based Speedometer and Compass

技術 Day 20 - Native Speech Recognition

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

技術 Day 18 - Tally String Times with Reduce

技術 Day 17 - Sorting Band Names without articles

技術 Day 16 - CSS Text Shadow Mouse Move Effect

技術 Day 15 - LocalStorage and Event Delegation

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

技術 Day 13 - Slide In on Scroll

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

技術 Day 11 - Custom HTML5 Video Player

技術 Day 10 - Hold Shift to Check Multiple Checkboxes

技術 Day 9 - 14 Must Know Dev Tools Tricks

標記使用者

技術【Day02】01 - JavaScript Drum Kit