曾經有一份學寫程式的機會放在我面前……
我沒有珍惜。等我遇到那個跩個二五八萬的前端工程師時，我才後悔莫及。人世間最痛苦的事莫過於此。如果上天能夠給我一個再來一次的機會，我會對那個冷冰冰的鍵盤說三個字：「我學你。」如果非要在這份學習上加上一個期限，我希望是……一萬行 Code！
各位兄弟姊妹，很多剛入行做網站設計的菜鳥常常跑來問我：「我說前輩啊，網站設計到底該不該學寫程式？」其實這個問題，就好比問「吃撒尿牛丸需要知道牠是怎麼彈起來的嗎？」答案是：你可以不學，但如果你學了，你就能稱霸武林，不用再受那些工程師的鳥氣！
愛一個網站，需要自己寫程式嗎？
你可能會指著我的鼻子罵：「你快點回火星去吧，程式碼的世界是很危險地！」沒錯，看到那一排排像火星文的 HTML、CSS，還有那個動不動就報出滿江紅 Error 的 JavaScript，很多人第一反應就是頭暈目眩，恨不得馬上轉行去賣豬肉。
但是，各位觀眾！當你只會用 Photoshop、Figma 畫設計圖，卻完全不懂程式碼的運作邏輯時，你交給工程師的稿子，在他們眼裡可能就像是一坨……呃，不可描述的抽象藝術品。你以為你的網頁能像仙女一樣飄逸，結果工程師做出來卻像如花一樣回眸一笑，嚇得你魂飛魄散！
小強！我的設計被改壞了啊小強！
你有沒有遇過這種情況？你辛辛苦苦、熬夜三天三夜畫出來的絕世 UI 介面，交給前端工程師之後，出來的成品卻完全變了樣。按鈕歪了，動畫沒了，排版簡直像是被雷劈過。你指著螢幕崩潰大喊：「小強！小強你怎麼了小強！你原本不是長這個樣子的啊！你死得好慘啊！」
這時工程師雙手一攤，喝了一口咖啡，冷冷地回你一句：「這做不出來啦，網頁結構不是這樣跑的，效能會卡啦，你懂不懂啊？」
這時候如果你懂程式，你就可以一個箭步跳出來，指著他的鼻子說：「我寫出來了，我又刪掉了！你打我啊，笨蛋！這個 CSS 屬性加上 flexbox 或者 grid 明明就可以做到完美對齊，你當我沒讀過書啊！」你看，這就是懂程式的威力。它不是要你轉行去當個苦命碼農，而是讓你擁有一把「折凳」——七大武器之首，藏於辦公室之中，隨手可得，還能隱藏殺機！就算不用來打人，也能讓你在談判桌上氣勢如虹！
不懂程式的設計師，就像沒有醬汁的黯然銷魂飯
現在網路上有很多架站神器，什麼 Wix、WordPress、Webflow，拖拖拉拉就能搞定一個網站。於是很多人就在那邊沾沾自喜：「不用學寫程式啦，工具那麼多，我會拉版面就好啦！」
但是啊，兄弟，事情有這麼簡單嗎？我不是針對你，我是說在座只會用套版工具的各位……當客戶突然要求一個超級客製化的動態效果，或是想要微調一個工具根本沒提供選項的間距時，那些模板就死在那裡了。你只能對著螢幕發呆，心裡默唸：「你看不到我，你看不到我……」最後只能回去求神拜佛找外包。
學一點基礎的 HTML 和 CSS，你的設計就不再只是平面的圖畫，而是活生生的生命。你會知道網頁的邊界在哪裡，會知道 RWD（響應式設計）的痛點是什麼。當你在畫設計圖的時候，你的腦海裡已經浮現了這段畫面要怎麼用程式碼刻出來。這種掌控一切的感覺，簡直比吃了九轉大腸還要通透，比吃了黯然銷魂飯還要令人流淚啊！
做人如果沒有夢想，那跟鹹魚有什麼分別？
做網站設計如果不懂一點程式碼，那跟只會畫畫的鹹魚有什麼分別？你不需要成為一個能徒手刻出後端資料庫的大神，不需要去搞懂那些什麼伺服器架構的深奧學問。你只需要懂一點點前端的語言，讓你能夠跟工程師在同一個頻道上對話，讓你能夠在必要的時候，自己動手進去 DevTools 微調那些氣死人的 1px 像素偏差。
當工程師跟你說「這個漸層效果做不到」的時候，你可以瀟灑地丟出一串 CSS 碼，拍拍他的肩膀說：「年輕人，終究還是年輕人。拿去用吧，不用謝了。」那種帥氣度，簡直突破天際！
總結：現在就給我去學！
所以，回到最開始的問題：網站設計該學寫程式嗎？
我的答案是：學！當然要學！不要再猶豫了。當你真正掌握了「設計」與「程式」的雙重力量時，你就可以站在紫禁之巔，仰天長嘯：「還有誰！！！」你不再只是一個被動的畫圖機器，而是一個能真正創造數位世界造物主。
好了，不跟你們多說了，我的網頁又在 IE 瀏覽器上跑版了（誰還在用 IE 啊！），我要去修 Bug 了。各位，我們江湖再見！哈！哈！哈！哈！