iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

JavaScript 從入門到進階:結合 Three.js × GSAP 打造互動網頁 系列

介紹javascript

參賽天數 16 天 | 共 16 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 |團隊nutc imac
DAY 1

Day1 前言來說個話

為什麼想參加鐵人賽? 今年是我第一次參加iThome鐵人賽。一開始當Leader說每個人都要參加這比賽時,第一個想法是:「蛤?連續30天?真的有辦法嗎?」 畢竟...

2026-09-15 ‧ 由 zhijie88 分享
DAY 2

Day2 第一次寫JavaScript:用VS Code建立環境

一、有很多疑問? 很多人一定會想說javascript到底是什麼,會需要下載開發工具嗎? 👉🏻「JavaScript 本身就可以直接在瀏覽器中執行, 所以...

2026-09-16 ‧ 由 zhijie88 分享
DAY 3

Day3 HTML 和 CSS 都已經可以做網頁了,為什麼還需要 JavaScript?

一、建立已完成 昨天我們已經成功在 VS Code 建立環境,也讓瀏覽器跑出了第一段 JavaScript。 但各位有沒有想過一個問題: 「HTML 可以做網頁...

2026-09-17 ‧ 由 zhijie88 分享
DAY 4

Day4 JavaScript 怎麼找到我的網頁?

一、怎麼找東西 昨天的課程已經有小小的介紹到網頁的基本三巨頭,得知JavaScript是為了讓網「動起來」。 但有沒有想過,JavaScript 要怎麼知道我要...

2026-09-18 ‧ 由 zhijie88 分享
DAY 5

Day5 讓網頁聽懂我的動作:Event

一、找到之後要幹嘛 昨天我們學會了用DOM找到HTML裡的元素。也成功讓JavaScript把標題改掉,但如果我希望: 「按下按鈕之後,標題才改變。」這時候就需...

2026-09-19 ‧ 由 zhijie88 分享
DAY 6

Day6 讓網頁變變變:JavaScript修改DOM

一、只能改文字嗎? 昨天我們讓按鈕「聽懂」點擊事件。點下按鈕之後,標題就會變化!但有沒有想過:「那除了文字之外,可以讓它增加樣式或者有更多別的改變嗎?」 這篇就...

2026-09-20 ‧ 由 zhijie88 分享
DAY 7

Day7 JavaScript的基本工具箱:變數、條件與函式

一、前面都在操作網頁,那JavaScript本身? 前幾天我們一直在跟網頁互動培養感情,先找到HTML,再觸發事件以及修改CSS樣式,這些操作都會了,但我們實際...

2026-09-21 ‧ 由 zhijie88 分享
DAY 8

Day8 資料多到爆炸?讓 Array 和 Object 幫你整理

一、如果我們有好多資料呢? 上一篇了解了變數及函數,一筆資料我們還可以慢慢處理,但當我們遇到資料太多時怎麼辦? 舉例來說: 我要把很多個JavaScript的技...

2026-09-22 ‧ 由 zhijie88 分享
DAY 9

Day9 如果不想一個一個處理,JavaScript 可以怎麼做?

一、難道真的要一個一個處理? 昨天我們把很多資料放進Array,但如果今天我想要把這些技能都顯示出來,難道要一直寫consol.log(skills[0])然後...

2026-09-23 ‧ 由 zhijie88 分享
DAY 10

Day10 把前面學的串起來:做一個真正會動的小功能

一、串接在一起吧 到目前為止學過了好多東西,CSS、HTML、變數、Array、forEach()、DOM 和 Event。每一個看起來都只是小小的功能,但其實...

2026-09-24 ‧ 由 zhijie88 分享