iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
自我挑戰組

美術生的前端初體驗 : 從畫畫到網頁的30天 系列

一個美術專業背景的人,第一次踏進前端工程世界的觀察與學習紀錄。

參賽天數 27 天 | 共 27 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21|Flexbox

前篇提到我搞懂 Box Model 和 Position 定位,而這次終於也理解了 CSS 排版的重點—Flexbox(彈性盒模型)! 以前做平面設計時,軟體工...

2026-10-05 ‧ 由 yang65867 分享
DAY 22

Day 22|JavaScript 登場

前面花了十多天的時間,描述怎麼從學習把 HTML 骨架打好,再用 CSS 幫網頁畫好美美的視覺與排版。網頁看起來已經像模像樣了,但以目前來說,它目前還只是一張「...

2026-10-06 ‧ 由 yang65867 分享
DAY 23

Day 23|變數與資料

昨天提到我對 JavaScript 的理解是讓網頁做出反應的靈魂,但在讓它執行複雜的動作之前,程式必須先學會「記住一些準則」。於是我花了一些小時間去統整! 就像...

2026-10-07 ‧ 由 yang65867 分享
DAY 24

Day 24|條件判斷:讓程式開始做選擇(If / Else)

本日分享自己學到的就是 JavaScript 裡的邏輯大腦——If / Else(條件判斷)。 實際網頁應用:表單輸入驗證如果回到真實的網頁介面上,最常見的例子...

2026-10-08 ‧ 由 yang65867 分享
DAY 25

Day 25|函式 Function

前篇提到我學了 If / Else 判斷,可以拿來檢查使用者輸入的密碼長度。但如果在登入頁、註冊頁、修改密碼頁都要檢查一次,總不能把同一段 If / Else...

2026-10-09 ‧ 由 yang65867 分享
DAY 26

Day 26|事件 Event

今天要分享我學到的內容是 JavaScript 裡的開關靈魂——Event(事件)! 網頁上的事件無所不在,例如: click:使用者點擊了按鈕或圖片。...

2026-10-10 ‧ 由 yang65867 分享
DAY 27

Day 27|DOM 操作:HTML、CSS、JS 終於接起來!

前幾篇,我分別認識了用 HTML 打造骨架、用 CSS 裝飾外觀,以及用 JavaScript 撰寫邏輯與事件。 今天終於要迎接前端學習裡可能最激動人心的時刻—...

2026-10-11 ‧ 由 yang65867 分享