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

0 Like 0 留言 335 瀏覽

鐵人賽 JavaScript DAY 2

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

技術【Day02】01 - JavaScript Drum Kit

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

Hazel ‧ 2024-08-02

0 Like 0 留言 1606 瀏覽

技術 JS30 筆記 Day12 Key Sequence Detection

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

阿里里 ‧ 2023-08-03

0 Like 0 留言 1014 瀏覽

技術 JS30 筆記 Day09 Dev Tools Domination

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

阿里里 ‧ 2023-07-27

0 Like 0 留言 319 瀏覽

技術 JS30 筆記 Day07 Array Cardio Day 2

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

阿里里 ‧ 2023-07-25

0 Like 0 留言 1300 瀏覽

技術 JS30 筆記 Day05 Flex Panel Gallery

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

阿里里 ‧ 2023-07-24

0 Like 0 留言 514 瀏覽

技術 JS30 筆記 Day03 CSS Variables

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

阿里里 ‧ 2023-07-14

0 Like 0 留言 1108 瀏覽

技術 JS30 筆記 Day01 JavaScript Drum Kit

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

阿里里 ‧ 2023-06-19

1 Like 0 留言 779 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 [Day 1] JavaScript Drum Kit

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

耀耀 ‧ 2022-09-15

2 Like 0 留言 1643 瀏覽

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

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

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

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

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

1 Like 0 留言 988 瀏覽

鐵人賽自我挑戰組 DAY 24

JS30 學習日記系列第 24 篇

技術 Day 24 - Sticky Nav

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

Xiang1009 ‧ 2021-09-24

1 Like 0 留言 1914 瀏覽

鐵人賽自我挑戰組 DAY 23

JS30 學習日記系列第 23 篇

技術 Day 23 - Speech Synthesis

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

Xiang1009 ‧ 2021-09-23

1 Like 0 留言 658 瀏覽

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

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

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

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

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

1 Like 0 留言 746 瀏覽

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

鐵人賽自我挑戰組 DAY 15

JS30 學習日記系列第 15 篇

技術 Day 15 - LocalStorage and Event Delegation

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

Xiang1009 ‧ 2021-09-15

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

1 Like 1 留言 1458 瀏覽

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

1 Like 0 留言 1962 瀏覽

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

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

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