如果要用一句話形容我現在的狀態，大概就是：

「我喜歡畫畫，但我不太會寫程式。」

我的背景是美術相關科系，也曾擔任專業的美術設計師，平常比較熟悉角色設計、美學、色彩和構圖。相較之下，前端工程對我來說是完全不同的領域。以前看到一個網站，我通常注意的是畫面好不好看、配色舒不舒服、排版有沒有問題。
但因回到學術界而開始接觸前端之後，我開始好奇：

「這一切都是怎麼建構出來的？」

所以想趁這 30 天，把自己從完全不了解，到慢慢理解前端的過程記錄下來。
這也是我參加這次 iThome 鐵人賽的原因。

課程主要從 HTML、CSS 和 JavaScript 開始，而我目前是這麼理解的:

HTML：內容與結構
CSS：樣式與外觀
JavaScript：行為與互動

如果把網站想像成當初在做動畫角色設計:
HTML 就像是在決定角色的骨架與姿態；
CSS 負責處理外觀的設計，例如服飾、表情、髮型；
JavaScript 則是讓它開始「做事情」，例如按下撥放按鈕後產生的一系列動作。

當然這只是方便自己理解的比喻，但至少讓我開始覺得前端沒有那麼可怕。

從「畫出來」到「讓它運作」

這是我目前覺得美術設計和前端設計上在目標和心態上最有趣的差別。
從前的美術工作中，我比較習慣思考：

「我要怎麼把它畫出來？」
「怎麼才能讓畫面更好看?」

但在學習前端時我的想法是：

「我要怎麼讓它真的運作？」
「我要怎麼才能讓使用者更方便?」

因為網站上的文字、圖片、按鈕和連結，不只是畫面上的東西，它們還可以被使用者操作。
對我來說，學習前端就像是在原本熟悉的畫筆旁邊，多了一個新的工具箱。

只是裡面放的不是畫筆，而是 HTML、CSS 和 JavaScript。

Day 1 小結

我當然沒有期待自己在 30 天內變成前端高手。
比較希望的是，慢慢去搞懂網頁是怎麼做出來的，並從一個完全沒有程式背景的美術專業角度，分享自己學習的歷程。

而當我先認識了 HTML、CSS 和 JavaScript，就算是正式踏出了第一步。