當踏入前端開發的世界，常聽到的一句話可能是：「這個功能我們再加一頁就好～還有那邊，順便調個版面，應該很快吧？」
但，真的很快嗎？ 🤨
開發一個網站功能，從需求確認、設計完稿、前後端開發、串接 API，再到最後的測試與上線，每一步都有許多細節要考量。而這篇文章會帶大家從 「需求來臨的那一刻」 開始，體驗網頁前端開發 ✨。
理想情況下應該要需求都確認後才開始開發，避免客戶後續多次更改造成隕石開發（Meteo fall Development），但現實往往 需求模糊、設計未定、時程緊湊，開發還是得先開始。這也是前端工程師的日常之一，在資訊有限的情況下，如何快速拆解需求、規劃開發流程，並最終實現出來。
在這個系列中，我會分享 「從需求產生，到網站功能完成」 的開發過程，主要內容以前端開發與初期規劃的部份，依我在職場上的真實經驗做改編，讓整個開發流程變得寫實與直觀。
主要會涵蓋以下內容：
✅ 如何 從需求釐清到網頁設計？（會提到 Figma）
✅ Vue & Nuxt 的開發應用
✅ LIFF（LINE Front-end Framework） 與行銷工具（GA、LINE OA）應用。
這篇文章會以初期功能規劃設計與 Vue、Nuxt的應用為主要分享方向，因此預設大家已對 HTML、CSS、JavaScript（俗稱前端三兄弟）有基本的認識。若是從設計或切版工作出發的朋友，也非常歡迎一起來看看，在實務開發中如何延伸這些設計，進一步串接功能、擴展網站的互動與使用體驗！
整個系列不會是傳統那種死板的技術文件 （希望不會是🤣） ，我會盡量用輕鬆、好懂的方式來分享，加上從實務經驗延伸出來的案例與思考，讓各位也能跟著我一起走進網頁前端開發的真實日常🚀。
準備好了嗎？讓我們開始 (擲杯變魔法) 吧！✨
iThome鐵人賽
看影片追技術