Skip to content

fire911bee/JavaScript30

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript30

是一個來自加拿大的工程師WES BOS製作的一系列純javascript練習,
共有30個主題,每個主題有一個教學影片及範例檔案。

[WES BOS的GitHub]
[JavaScript30官網]

目的

實作範例,並紀錄每個練習的過程。

格式

  1. 主題:這個練習主要的目的/功能
  2. 步驟:整個範例的建置步驟
  3. 語法&備註:紀錄練習中使用到的語法
  4. 探索:在練習的範例中,擴充或調整一個與主題相關的功能。

資料結構

遵循原本提供的的資料結構,
並在每個練習加上index-GuaHsu.html來放置我所完成的版本。

其他

我會放在自己的部落格(https://guahsu.io)一份,並在GitHub上也留存一份。
若有任何錯誤或指教請在PR給我,謝謝:)!

題目

01 - JavaScript Drum Kit 心得 | [DEMO]
02 - JS and CSS Clock 心得 | [DEMO]
03 - CSS Variables 心得 | [DEMO]
04 - Array Cardio Day 1 心得 | [DEMO]
05 - Flex Panel Gallery 心得 | [DEMO]
06 - Type Ahead 心得 | [DEMO]
07 - Array Cardio Day 2 心得 | [DEMO]
08 - Fun with HTML5 Canvas 心得 | [DEMO]
09 - Dev Tools Domination 心得 | [DEMO]
10 - Hold Shift and Check Checkboxes 心得 | [DEMO]
11 - Custom Video Player 心得 | [DEMO]
12 - Key Sequence Detection 心得 | [DEMO]
13 - Slide in on Scroll 心得 | [DEMO]
14 - JavaScript References VS Copying | [DEMO]
15 - LocalStorage
16 - Mouse Move Shadow
17 - Sort Without Articles
18 - Adding Up Times with Reduce
19 - Webcam Fun
20 - Speech Detection
21 - Geolocation
22 - Follow Along Link Highlighter
23 - Speech Synthesis
24 - Sticky Nav
25 - Event Capture, Propagation, Bubbling and Once
26 - Stripe Follow Along Nav
27 - Click and Drag
28 - Video Speed Controller
29 - Countdown Timer
30 - Whack A Mole

About

JavaScript30 練習&心得紀錄

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 83.9%
  • JavaScript 9.4%
  • CSS 6.7%