林位青 (Alan) 視覺傳達設計科系出身，畢業後從事平面設計工作，雖是平面設計領域小，但工作室做的事涵蓋廣泛，除了即有型錄及廣告傳單設計外也要設計包裝結構開刀模、展場規劃3D建模示意、店面商場POP設計及陳列、櫥窗展示、Flash動畫及小遊戲、網站視覺、動態廣告Banner，因而找尋到感興趣網頁端。目前除了前端切板工作外也有繼續專精UI設計。以下是個人作品連結網址，歡迎各位交流。http://www.be.net/alan623
求學階段就對Flash遊戲蠻感興趣，當時ActionScript是我接觸到第一個程式，多半找現成開放的Flash程式碼去改寫和學習，並試著做了些Flash網頁（table排版）和遊戲（把打地鼠改成出現牙菌斑刷牙遊戲並加入幼教可愛動畫）。出了社會後Flash已漸微，為了轉職網頁設計師才又去學了網頁切板，在RWD技術普及之前的IE8時代當時還是用Adobe Dreamweaver來切板，介面上有一些比較視覺化面版可以操作，讓初學者好入門不會只能依靠像是外星文的程式碼。由於後來網頁越來越複雜，RWD已成基本必備款。產業技術不斷更迭，如今都是用VS code只寫程式碼。
前端工程師是什麼？
早期沒有”前端工程師”這職稱。從工作內容來說，早期網頁設計師的工作主要是”設計”和”切板”。當時所謂“切板”是把設計好的psd檔用切片工具依網頁架構去切割成一小塊圖片，再拉進table裡排版，加上很多視覺特效都是在Flash裡做，在技術上沒有現今這麼困難，即便是設計出身都能夠做好這份工作。但由於網頁技術不斷更迭，很多技術上越來越更進階。需要專業”切板”人才，把設計稿變成網頁。撰寫網頁程式碼、視覺互動特效、搜尋引擎優化、串接API、前端運算的工作。
給想入門的你
網頁技術變化很快，程式語法也在更迭，不管如何變化，除了最基本HTML、CSS之外，建議至少一定會一套語法(JavaScript)，即使接觸別的新語法會比較快上手，不同語法其邏輯都是差不多的，像是變數、迴圈、陣列、布林觀念都是一樣的。如果太害怕看外星文般程式碼，網路上也有遊戲化的JavaScript教學，也可從早期Dreamweaver開始試做網頁，慢慢去適應程式碼，學會最基本HTML、CSS、JavaScript後，建議再學習Sass或Scss、jQuery、Pug。轉化成只要編寫少量程式碼，讓工作更有效率，模組化的觀念也利於大型網頁開發。還有學會git版本控制方便多人團隊維護程式碼。
給想接案的你
做一個網站會需要：設計、切板、後端資料庫、有時需要串接API、安排時程、聯絡客戶。如果是獨立接案若只會”切板”其他工作勢必要再找人幫忙，或是客戶已經找好人才。也有客戶本身就是設計公司只是把”切板”分工外包出去。或是不需要後端資料庫的一頁式網頁、WordPress美化、原網站美化不動後端程式之類工作，只要具備”設計”和”切板”就能夠獨立作業。
中大型公司的合作模式
基本上前端工程師是切板、視覺動態特效、寫前端框架程式、串API、建立前端系統化、模組功能這類工作。如果公司分工沒那麼細，像是UI/UX設計師還要求會網頁切板之類職缺，或是網頁設計師、前端設計師之類的職稱，工作內容會需要設計工作，對於前端程式要求相對會少一些(至少會Photoshop、HTML、CSS)，但實際在從事設計比率會比切板少，切板會比設計更花時間，如果有興趣也可往”介面設計”學習一點增加技能，像是Adobe XD、Sketch能夠學習到symbol模組化的觀念。
網頁前端所需技能
HTML(Pug)、CSS(Sass、Scss)
JavaScript(jQuery)
git版本控制
CSS框架
BootstrapAJAX、JSON
前端框架
Angular、Vue、React
SOHO族
外包切板
視覺動態特效
WordPress美化客制版型
一頁式網頁
職業發展
前端WebGL 3D工程師
全端工程師
DevOps工程師
| 1.赫綵設計學院是全台最大的設計學院，通過Adobe授權，成為全台唯一授權訓練中心。 |
| 2.全程使用蘋果 iMac以及工作站等級PC，提供最佳的效能，讓學習變得更輕鬆。 |
| 3.以設計即戰力一學完立即就能投入職場的戰鬥力為學習目標，學員就職率97.9%。 |
| 4.定期舉辦名人講座，邀請設計名人與同學分享創作歷程並給予同學信心鼓勵，同時拓展視野。 |
如果您對網頁前端設計有興趣或者想更了解網頁前端設計未來發展，只要點擊以下連結填寫表格的問題就可以獲得「網頁前端設計課程三小時快速入門＋設計人必修180堂」以及試聽課程，可以更了解自己對網頁前端設計的喜好程度與接受度，為自己的未來規劃，每人限填一份喔！