iT邦幫忙

js30相關文章
共有 38 則文章
鐵人賽 JavaScript DAY 2

技術 【Day02】01 - JavaScript Drum Kit

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

技術 JS30 筆記 Day12 Key Sequence Detection

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

技術 JS30 筆記 Day09 Dev Tools Domination

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

技術 JS30 筆記 Day07 Array Cardio Day 2

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

技術 JS30 筆記 Day05 Flex Panel Gallery

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

技術 JS30 筆記 Day03 CSS Variables

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

技術 JS30 筆記 Day01 JavaScript Drum Kit

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

鐵人賽 Modern Web DAY 1

技術 [Day 1] JavaScript Drum Kit

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

鐵人賽 自我挑戰組 DAY 30
JS30 學習日記 系列 第 30

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

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

鐵人賽 自我挑戰組 DAY 29
JS30 學習日記 系列 第 29

技術 Day 29 - Vanilla JS Countdown Timer

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

鐵人賽 自我挑戰組 DAY 28
JS30 學習日記 系列 第 28

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

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

鐵人賽 自我挑戰組 DAY 27
JS30 學習日記 系列 第 27

技術 Day 27 - Click and Drag to Scroll

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

鐵人賽 自我挑戰組 DAY 26
JS30 學習日記 系列 第 26

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

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

鐵人賽 自我挑戰組 DAY 25
JS30 學習日記 系列 第 25

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

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

鐵人賽 自我挑戰組 DAY 24
JS30 學習日記 系列 第 24

技術 Day 24 - Sticky Nav

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

鐵人賽 自我挑戰組 DAY 23
JS30 學習日記 系列 第 23

技術 Day 23 - Speech Synthesis

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

鐵人賽 自我挑戰組 DAY 22
JS30 學習日記 系列 第 22

技術 Day 22 - Follow Along Links

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

鐵人賽 自我挑戰組 DAY 21
JS30 學習日記 系列 第 21

技術 Day 21 - Geolocation based Speedometer and Compass

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

鐵人賽 自我挑戰組 DAY 20
JS30 學習日記 系列 第 20

技術 Day 20 - Native Speech Recognition

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

鐵人賽 自我挑戰組 DAY 19
JS30 學習日記 系列 第 19

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

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

鐵人賽 自我挑戰組 DAY 18
JS30 學習日記 系列 第 18

技術 Day 18 - Tally String Times with Reduce

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

鐵人賽 自我挑戰組 DAY 17
JS30 學習日記 系列 第 17

技術 Day 17 - Sorting Band Names without articles

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

鐵人賽 自我挑戰組 DAY 16
JS30 學習日記 系列 第 16

技術 Day 16 - CSS Text Shadow Mouse Move Effect

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

鐵人賽 自我挑戰組 DAY 15
JS30 學習日記 系列 第 15

技術 Day 15 - LocalStorage and Event Delegation

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

鐵人賽 自我挑戰組 DAY 14
JS30 學習日記 系列 第 14

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

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

鐵人賽 自我挑戰組 DAY 13
JS30 學習日記 系列 第 13

技術 Day 13 - Slide In on Scroll

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

鐵人賽 自我挑戰組 DAY 12
JS30 學習日記 系列 第 12

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

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

鐵人賽 自我挑戰組 DAY 11
JS30 學習日記 系列 第 11

技術 Day 11 - Custom HTML5 Video Player

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

鐵人賽 自我挑戰組 DAY 10
JS30 學習日記 系列 第 10

技術 Day 10 - Hold Shift to Check Multiple Checkboxes

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

鐵人賽 自我挑戰組 DAY 9
JS30 學習日記 系列 第 9

技術 Day 9 - 14 Must Know Dev Tools Tricks

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