-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
53 lines (53 loc) · 6.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1><a href="#javascript30練習筆記" aria-hidden="true" class="anchor" id="user-content-javascript30練習筆記"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>JavaScript30練習筆記</h1>
<p><a href="https://javascript30.com/">Javascript30.com</a> <a href="https://github.com/wesbos/JavaScript30">[github]</a></p>
<h2><a href="#原本的檔案" aria-hidden="true" class="anchor" id="user-content-原本的檔案"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>原本的檔案</h2>
<p>放置在所有課程裡面的<code>original</code>的資料夾裡。</p>
<h2><a href="#練習內容" aria-hidden="true" class="anchor" id="user-content-練習內容"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>練習內容</h2>
<p><a href="https://github.com/dwatow/JavaScript30/">練習記錄@Github</a></p>
<p><a href="https://dwatow.github.io/JavaScript30/">練習成果</a></p>
<h2><a href="#各課程學習到的新東西" aria-hidden="true" class="anchor" id="user-content-各課程學習到的新東西"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>各課程學習到的新東西</h2>
<p>將新學到的用法,找到w3school的參考頁面放到readme.md中。</p>
<p>並且練習放在index.html</p>
<ol>
<li><a href="https://dwatow.github.io/JavaScript30/01%20JavaScript%20Drum%20Kit">JavaScript Drum Kit</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/02%20JS%20and%20CSS%20Clock">JS and CSS Clock</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/03%20CSS%20Variables">CSS Variables</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/04%20Array%20Cardio%20Day%201">Array Cardio Day 1</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/05%20Flex%20Panel%20Gallery">Flex Panel Gallery</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/06%20Type%20Ahead">Type Ahead</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/07%20Array%20Cardio%20Day%202">Array Cardio Day 2</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/08%20Fun%20with%20HTML5%20Canvas">Fun with HTML5 Canvas</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/09%20Dev%20Tools%20Domination">Dev Tools Domination</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/10%20Hold%20Shift%20and%20Check%20Checkboxes">Hold Shift and Check Checkboxes</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/11%20Custom%20Video%20Player">Custom Video Player</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/12%20Key%20Sequence%20Detection">Key Sequence Detection</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/13%20Slide%20in%20on%20Scroll">Slide in on Scroll</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/14%20JavaScript%20References%20VS%20Copying">JavaScript References VS Copying</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/15%20LocalStorage">LocalStorage</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/16%20Mouse%20Move%20Shadow">Mouse Move Shadow</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/17%20Sort%20Without%20Articles">Sort Without Articles</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/18%20Adding%20Up%20Times%20with%20Reduce">Adding Up Times with Reduce</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/19%20Webcam%20Fun">Webcam Fun</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/20%20Speech%20Detection">Speech Detection</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/21%20Geolocation">Geolocation</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/22%20Follow%20Along%20Link%20Highlighter">Follow Along Link Highlighter</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/23%20Speech%20Synthesis">Speech Synthesis</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/24%20Sticky%20Nav">Sticky Nav</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/25%20Event%20Capture%2C%20Propagation%2C%20Bubbling%20and%20Once">Event Capture, Propagation, Bubbling and Once</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/26%20Stripe%20Follow%20Along%20Nav">Stripe Follow Along Nav</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/27%20Click%20and%20Drag">Click and Drag</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/28%20Video%20Speed%20Controller">Video Speed Controller</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/29%20Countdown%20Timer">Countdown Timer</a></li>
<li><a href="https://dwatow.github.io/JavaScript30/30%20Whack%20A%20Mole">Whack A Mole</a></li>
</ol>
</body>
</html>