網頁設計與前端工程有何不同？給兼職學習者的轉職規劃建議
閱讀時間約 5 分鐘
日前有學員來信，信中提到他加入 ALPHA Camp 自學程式後，開啟他對未來的憧憬與全新想像，直到學期 2-2 的課程，都讓他充滿成就感與信心。
這位學員也提到，儘管接下來的學期課程難度較高，但他仍努力完成學習，但他依舊懷抱高度意願與熱情，也矢言會繼續學習，以自己的步調繼續在程式語言這條路上邁進。
不過，他也分享了目前的自己的規劃。他說，現階段的自己其實更想直接投入工作，並累積實務工作經驗，因此他寫信詢問以他目前的上過的課程，會有哪些就業市場的機會？另外，他提到希望能以兼職和在家工作的方式尋找工作機會。我想這或許也是許多人想了解的地方，以下我會提供個人的看法提供大家一些建議。
若有收入考量，建議先從接案開始
以 ALPHA Camp 【學期 2-2】的課程為例，它的定位是讓學員擁有「從頁面到產品」的思維與能力。
首先，你會從學習串接 API 開始，讓你的網頁能取得外部提供的資料。能處理成效資料，把你的作品，從一個好看／有互動的頁面，提升成為有實際應用的軟體產品。
最後，你也會開始學習「工程師是如何工作的」。從使用 Git 做版本控制，到將自己的程式碼模組化，帶你正式踏入專業工程師的領域。
在這個階段，你該具備的能力是：
- 熟悉 HTML/CSS/JavaScript 的應用，能把設計稿轉化成網頁，並能打造一般的互動
- 了解 RWD 的概念，能使用 Bootstrap 框架提高開發速度與實作 RWD
- 能串接 API，把資料呈現到網頁上
- 對版本控制有概念，能操作 Git/GitHub 等工具
事實上，擁有這些能力後後能升任什麼樣的工作，不同的雇主有不同的標準。對我來說，在此階段你還沒有到「前端工程師」的層次。但有了這些能力，該能勝任一些基礎「網頁設計」的工作。但要成為一個有競爭力的網頁設計師，除了基本 HTML/CSS/JavaScript 與 RWD之外，我會建議你去探索與學習：
- 平面設計概念與工具，如 Adobe Illustrator
- SEO 概念與操作
因此，在考量學習的完整性與專業能力上手程度，我不會建議你馬上去找工作。比較合適的方法。如果你真的需要有些收入，建議可以透過接案方式，從打造簡單的網頁與介面開始。
個人認為，要成為一個有長遠發展潛力、雇主會重用的工程師，還有很多能力與素養需要建立的。太早開始找工作，怕會碰到很多挫折。
網頁設計與前端工程的差別
這部分的很多企業也會搞混。因為他們的工作內容看起來很像，而技能關鍵字都是那些：HTML、CSS、JavaScript 等。但工作內容的核心其實有很大的差距。
網頁設計的工作主要是要設計介面（user interface, UI），並把它轉化成前端介面。先不說設計能力，在技術方面，比較不講究架構或是效能。而在日常工作中，也不太需要常常客製化介面與互動。對於如何與後端的資料庫整合以及資料處理的認知，也比較沒有經驗。
至於前端工程師，需要考慮與解決的技術問題會比較多元、也比較深入。如：
- 當網站／產品的規模與架構變大時，該如何優化？
- 當要打造一般套版／套件無法實現的使用體驗時，能如何客製化？
- 程式碼是否能被有效的長期維護？是否有優化效能的空間？
- 是否能使用如 Vue、React 等前端框架，讓程式碼能有更好的維護與效能？
兼職學習該如何規劃？
這部分要看你兼職的性質。我認為最重要的，就是需要給自己每週，甚至每日幾個固定的時間，能夠長時間學習與練習。
程式能力是需要透過大量的刻意練習來建立的，而在製作專案的時候，需要花一定時間去 debug 與研究，才會突破。所以如果學習時間太破碎，會阻礙學習的效率。
轉職規劃以三個月為一階段
轉職規劃如果是 part-time／在家裡工作，我建議以三個月為一個階段：
- 階段一：練功。專心打造個人專案，一邊提升自己的能力，一邊打造自己的作品集。可以參考這些別人在 CakeResume 上的作品，或是在網路上買些設計稿然後實作。
- 階段二：尋找機會。多參與社群活動，把自己的文章與作品呈現朋友與社群認識，也看看身邊的朋友是否有 side projects 可以接。重點是學習如與案主／客戶溝通，了解他們的需求，完成任務。這時候也歡迎來試試看當 AC 的助教 😀。
- 階段三：準備求職。當你累積了三、四個案子之後，就可以準備求職。你也可以同時完成學期三的課程，把 Vue 與其他專案完成，對求職應該更有幫助。而熟練前端框架，也會幫助你找到薪資較高的工作。
希望這些建議對你有幫助。轉職的路不容易，但也不是不可能。只有你才能真正讓你自己變強。好好加油！ALPHA Camp 會在這支持你。
（原文發表於 ALPHA Camp blog，原標題為〈網頁設計與前端工程有何差別？兼職學習如何做好轉職規劃？〉
9會員
7Content count
留言0
查看全部
你可能也想看
1.加權指數與櫃買指數
週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
第二堂講座為：「書與它們的產地：龐大的出版產業與其靈魂」，由八旗文化出版社的主編王家軒主講。這系列講座共12堂，每堂兩小時，總時長共24小時。在經過前兩堂的暖身後，第三堂開始算是真正進入血腥的實務內容。本堂課側重於選書與文案，略談及設計與行銷。我自己也認為，作為編書的起點，第一步就是先「想像一本書」
太陽下做工的人－工人、施工、開獎
晴空萬里烈日照耀之下，有一群人戴著頭盔、身穿排汗衣著長褲、腰間隙著釘袋與各式吃飯傢伙為生活努力的揮灑汗水，沒錯!他們正是【做工的人】。工人們一邊揮舞著槌子一邊苦中作樂談笑風生，而我負責監督著他們與隨時接應他們呼叫的支援，過程中出點力搬木頭搬模板，成就了我瘦五公斤的
──蘋果前iPhone首席軟體工程師獨家告白──
──賈伯斯黃金時代蘋果創意法則全紀錄！──
蘋果產品全球有近二十億使用者，但催生、實現這些創意的所有工作流程，由於內部嚴格的「保密條款」限制，始終成謎。
天才們究竟是如何孕育出iPhone、iPad、Safari……？
你是一位接案維生的自由工作者嗎？不知道有沒有一種狀況發生在你身上，背著筆電在炎熱的夏天騎著車，想到一間環境佳、網路快、飲品好喝咖啡廳，但卻一直遇到客滿要另尋佳境，或是好不容易找到位子了卻遇到網路太慢的店家，又或是環境太吵雜讓人無法專心的問題，這時候就會好希望有一個適合放鬆工作的空間。
最近在接觸網拍相關，對於字句的琢磨也一直是想鑽研的，雖然同樣身為女性，還是有「哇~原來是這樣想的」. 以下針對幾點我印象較為深刻的特別提出來。
1.裡面提到女性有希望的理想生活，就是一直希望是公主的傾向，而在作產品銷售上會有避免談到現實層面的問題，就像婚紗一直是販賣”
本次行程重點是在大林鎮鹿堀溝，也就是傳說中水鬼出沒的地方，也曾是抗日古戰場，然而周邊的溪口鄉與民雄鄉，也遺留下了與抗日行動有關的景點。
1.加權指數與櫃買指數
週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
第二堂講座為：「書與它們的產地：龐大的出版產業與其靈魂」，由八旗文化出版社的主編王家軒主講。這系列講座共12堂，每堂兩小時，總時長共24小時。在經過前兩堂的暖身後，第三堂開始算是真正進入血腥的實務內容。本堂課側重於選書與文案，略談及設計與行銷。我自己也認為，作為編書的起點，第一步就是先「想像一本書」
太陽下做工的人－工人、施工、開獎
晴空萬里烈日照耀之下，有一群人戴著頭盔、身穿排汗衣著長褲、腰間隙著釘袋與各式吃飯傢伙為生活努力的揮灑汗水，沒錯!他們正是【做工的人】。工人們一邊揮舞著槌子一邊苦中作樂談笑風生，而我負責監督著他們與隨時接應他們呼叫的支援，過程中出點力搬木頭搬模板，成就了我瘦五公斤的
──蘋果前iPhone首席軟體工程師獨家告白──
──賈伯斯黃金時代蘋果創意法則全紀錄！──
蘋果產品全球有近二十億使用者，但催生、實現這些創意的所有工作流程，由於內部嚴格的「保密條款」限制，始終成謎。
天才們究竟是如何孕育出iPhone、iPad、Safari……？
你是一位接案維生的自由工作者嗎？不知道有沒有一種狀況發生在你身上，背著筆電在炎熱的夏天騎著車，想到一間環境佳、網路快、飲品好喝咖啡廳，但卻一直遇到客滿要另尋佳境，或是好不容易找到位子了卻遇到網路太慢的店家，又或是環境太吵雜讓人無法專心的問題，這時候就會好希望有一個適合放鬆工作的空間。
最近在接觸網拍相關，對於字句的琢磨也一直是想鑽研的，雖然同樣身為女性，還是有「哇~原來是這樣想的」. 以下針對幾點我印象較為深刻的特別提出來。
1.裡面提到女性有希望的理想生活，就是一直希望是公主的傾向，而在作產品銷售上會有避免談到現實層面的問題，就像婚紗一直是販賣”
本次行程重點是在大林鎮鹿堀溝，也就是傳說中水鬼出沒的地方，也曾是抗日古戰場，然而周邊的溪口鄉與民雄鄉，也遺留下了與抗日行動有關的景點。