1
1-1 Javascript 程式語言是什麼？13m32s
2
1-2 Console 指令是什麼？11m30s
3
1-3 Chrome Network 認識網路面版工具12m15s
4
2-1~2-2 Dom 是什麼？動態新增頁面內容 createElement setAttribute hasAttribute15m48s
5
2-3 getElementById, codepen full 的 console 方法26m42s
6
3-1 var、let、const 的用法與差異9m4s
7
3-2~3-3 變數識別字規則 var let 的差異13m24s
8
4-1 Number、Boolean 和 String 基本類型8m48s
9
4-2 parseInt、parseFloat 轉換為 Number16m11s
10
4-3 toString 轉換為 String 字串連接14m44s
11
5-1 算術運算子10m54s
12
5-2 比較運算子 關係運算子 Comparison, Relation operators17m56s
13
5-3 邏輯運算子 位元運算子28m39s
14
6-1 字串的標示方式5m55s
15
6-2 字串的跳脫表示法5m47s
16
6-3 字串的常用方法 length indexOf slice substr replace12m6s
17
7-1 getElement Id Tagname ClassName23m2s
18
7-2 querySelector 與 CSS 選擇器10m44s
19
7-3 querySelectorAll getElement的比較6m58s
20
8-1 If…Else, Switch 條件陳述式與 Block 區塊概念16m56s
21
8-2-Lab02 如何用 JS 寫一個九九乘法表| 間隔如何用 tab 實作 | 如何 console.log 不換行 |8m28s
22
8-2 迴圈 For, do... while, while 陳述式是什麼？19m7s
23
8-3 Label | Break | Continue 陳述式與迴圈控制10m44s
24
9-1 Object 類型的特點，OOP 物件導向11m52s
25
9-2 Object 物件表達式、取用方法、使用實例13m17s
26
9-3 如何使用 For/in 迴圈與 For/of 的差別12m39s
27
9-3 補充2 按下按鈕到 Yahoo 奇摩 - VS Code Go to URL4m21s
28
9-3 補充 Alert, prompt, confirm13m6s
29
10-1 Array 陣列特點 變數儲存資料5m28s
30
10-2 Array Length, [index], For 迴圈掃描6m19s
31
10-3 Array 的方法 indexOf, push, pop, shift, splice, join, slice23m15s
32
10-3 Lab03 02 撲克牌發牌-長度修正-發牌順序選人亂序5m39s
33
10-3 Lab03 03 撲克牌發牌-隨意發牌-直到發完9m15s
34
10-3 Lab03 撲克牌發牌-發牌順序選人亂序21m29s
35
11-1 JSON 是什麼？為什麼比 XML 好？10m5s
36
11-2 Object, Array 淺複製與深複製9m29s
37
11-3 JSON.parse() JSON.stringify()15m52s
38
12-1 Function 函式，函式宣告，呼叫函式 call function5m30s
39
12-2 匿名函式 Anonymous 表達式 Expressions 陳述式 Statements, Function Expressions7m43s
40
12-3 箭頭函式 Arrow function ES6, rest parameter21m17s
41
13-1 什麼是變數領域 Scope ? 靜態 vs 動態作用域 全域區域變數11m12s
42
13-2 區域變數 Function Scope, Block Scope 的差異 | 區域全域變數的差異8m35s
43
13-3 Closure 閉包6m49s
44
14-1 Date 時間11m57s
45
14-2 setTimeout, clearTimeout 延時執行程式14m17s
46
14-3 setInterval 的用法 clearInterval14m11s
47
15-1 Math in JS 數學物件, random 亂數與 floor 無條件捨去7m10s
48
15-2 三角函數: 使用 Math 來處理 sin, cos, tan 與 Pi2m25s
49
15-3 環狀排列物件 建立佇列 Cirular Queue10m31s
50
16-1 Window 物件 - alert, confirm, prompt, open, close6m3s
51
16-2 Window 子物件 - 環境物件 - location, screen, history, 全域12m12s
52
16-3 Document 常用的方法10m19s
53
17-1 Event: onclick(), Event flow8m10s
54
17-2 addEventListener5m3s
55
17-2 範例 addEventListener: Bubbling, Capturing4m33s
56
18-1 Ajax 介紹與運作流程9m37s
57
18-2 Ajax Demo 範例程式: XMLHttpRequest6m46s
58
18-2 Ajax : XMLHttpRequest and Response7m2s
59
18-3 Ajax Fetch Demo 範例程式: .then .catch5m7s
60
18-3 Ajax : Fetch 的屬性與方法7m15s
👉 [0:19]Console 面板與 JavaScript 互動
<- undefined
> function text(s){
if(x=='1'){
console.log('x為1');
}else{
console.log('x不為1');
}
}
<- undefined
> test(2);
// x不為1
- 可以在 Console 面板直接將 JavaScript 編寫並觀看結果
📚 課程網址: https://course.andys.pro/Javascript…
0:00 歡迎訂閱 🔔 ！按讚 👍 分享 🔥 與留言 💬
0:03 📖 本節目錄
0:19 Console 面板與 JavaScript 互動
2:31 console.log
3:43 console.info
4:06 console.warn & error
4:30 console.table
6:11 console.assert
7:27 console.clear
7:51 console.count
8:20 多次 console.count
8:58 console.time & timeEnd
9:48 💬 訊息堆疊
10:33 ⌨️ Console 快捷鍵
10:37 🧪 Lab 02
11:08 🙌 謝謝收看 👀