iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

小白大戰基礎網頁開發 系列

主要想在這30天內分享從0開始學基礎網頁開發的學習歷程
除了會撰寫學習到的筆記與心得, 也會進行實作的部分, 邊學邊做
從DOM, HTML, CSS到functional programming, javascript, Node.js

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

D11 - Javascript and DOM

JS 與 HTML 的連結 要為我們的 HTML/CSS 網站增加互動性的話有五大步驟, 需要將 JavaScript 串接到我們的 HTML(在 中) 確...

2022-09-26 ‧ 由 arieltyit122 分享
DAY 12

D12 - Event Loop 基本須知 (上)

學網頁開發的你, 不可不知道 Event Loop (事件循環) Why we need Event Loop? Event Loop 幫助了我們可以看到連...

2022-09-27 ‧ 由 arieltyit122 分享
DAY 13

D13 - Event Loop 基本須知 (下)

昨天大致了解為什麼我們需要 Event Loop, 為什麼 Event Loop 很重要以及該如何運用它後, 今天我們要繼續來看 Event Loop 更詳細的...

2022-09-28 ‧ 由 arieltyit122 分享
DAY 14

D14 - 更多關於 JS Events 的那些小事

onclick event vs. addEventListener JavaScript 使用一般 onclick event: 一個 event 一次只能對...

2022-09-29 ‧ 由 arieltyit122 分享
DAY 15

D15 - querySelector, querySelectorAll

昨天 (D9) 我們已經學了 JavaScript 根據 DOM Model 讓使用者與特定元素 (element) 互相之間溝通的方法, 今天我們要來繼續看...

2022-09-30 ‧ 由 arieltyit122 分享
DAY 16

D16 - Timers 開始倒數計時 (上)

倒數計時 - 經典的 Loop 問題 function countDown() { let count = 60; for (let i = count...

2022-10-01 ‧ 由 arieltyit122 分享
DAY 17

D17 - Timers 開始倒數計時 (下)

昨天看完對 Timer (定時器) 的基本認識後, 今天來討論一下 setTimeout/setInterval 其他你還不知道的小事吧! 將附加參數傳遞給 s...

2022-10-02 ‧ 由 arieltyit122 分享
DAY 18

D18 - 淺談 Promise

Callback callback 是 事件驅動程式設計 (event-driven programming) 中非常強大的功能。讓 JavaScript 語言...

2022-10-03 ‧ 由 arieltyit122 分享
DAY 19

D19 - Asynchronous (非同步)

昨天我們有先學習 Promise 的部分, 也有稍微提到 asynchronous 程式設計寫法。我們一直在寫的 JavaScript 程序自然都是非同步的 (...

2022-10-04 ‧ 由 arieltyit122 分享
DAY 20

D20 - 用 Fetch 抓抓抓

What is Fetch? fetch 創建於 2014 年,並且納入 global window (全域 window 物件) 的行列中。fetch 將 U...

2022-10-05 ‧ 由 arieltyit122 分享