網頁設計與前端工程有何不同?給兼職學習者的轉職規劃建議

閱讀時間約 5 分鐘
日前有學員來信,信中提到他加入 ALPHA Camp 自學程式後,開啟他對未來的憧憬與全新想像,直到學期 2-2 的課程,都讓他充滿成就感與信心。
這位學員也提到,儘管接下來的學期課程難度較高,但他仍努力完成學習,但他依舊懷抱高度意願與熱情,也矢言會繼續學習,以自己的步調繼續在程式語言這條路上邁進。
不過,他也分享了目前的自己的規劃。他說,現階段的自己其實更想直接投入工作,並累積實務工作經驗,因此他寫信詢問以他目前的上過的課程,會有哪些就業市場的機會?另外,他提到希望能以兼職在家工作的方式尋找工作機會。我想這或許也是許多人想了解的地方,以下我會提供個人的看法提供大家一些建議。

若有收入考量,建議先從接案開始

以 ALPHA Camp 【學期 2-2】的課程為例,它的定位是讓學員擁有「從頁面到產品」的思維與能力。
首先,你會從學習串接 API 開始,讓你的網頁能取得外部提供的資料。能處理成效資料,把你的作品,從一個好看/有互動的頁面,提升成為有實際應用的軟體產品。
在學習 API 之後,我們將會引導過去你學過的 HTML/CSS/JavaScript,以及 RWD、DOM 操作等概念,透過實作專案來整合與深化。
最後,你也會開始學習「工程師是如何工作的」。從使用 Git 做版本控制,到將自己的程式碼模組化,帶你正式踏入專業工程師的領域。
在這個階段,你該具備的能力是:
  1. 熟悉 HTML/CSS/JavaScript 的應用,能把設計稿轉化成網頁,並能打造一般的互動
  2. 了解 RWD 的概念,能使用 Bootstrap 框架提高開發速度與實作 RWD
  3. 能串接 API,把資料呈現到網頁上
  4. 對版本控制有概念,能操作 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,原標題為〈網頁設計與前端工程有何差別?兼職學習如何做好轉職規劃?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Bernard Chan的沙龍 的其他內容
遠距工作讓信任問題放大、引起主管與員工關係緊張的情況,國內、外都有,畢竟人性就是人性。但據我近期的觀察,狀況在台灣比較嚴重。
我看到很多年輕人在還沒準備好、條件尚未成熟的狀況下就創業,這無疑是向失敗叩門,雖說失敗也能獲得寶貴的經驗,但我認為只有「經過努力和認真準備」的失敗才稱得上是最好的老師。
台灣近年新創發展蓬勃,又有像 Appier 與 91APP 這些新創公司成功出場,在日本與台灣上櫃。我也聽到越來越多同學在新創與大公司之間考量自己職涯發展的下一步。
我們常活在別人的期待之下,茫然地跟隨人群的決定而做決定,往安全卻不一定適合自己的路走,錯失了能夠發揮天分的機會。許多年輕人的迷惘都是源自於「不夠認識自己」,類似的恐慌在台灣年輕人身上似乎特別明顯。
「畢業感言」有很多不同的目的,所以內容可以根據你的目的去設計就好。當然,要避免太負面、有洩漏企業機密的訊息,但重要的,我認為是「時機」。
遠距工作讓信任問題放大、引起主管與員工關係緊張的情況,國內、外都有,畢竟人性就是人性。但據我近期的觀察,狀況在台灣比較嚴重。
我看到很多年輕人在還沒準備好、條件尚未成熟的狀況下就創業,這無疑是向失敗叩門,雖說失敗也能獲得寶貴的經驗,但我認為只有「經過努力和認真準備」的失敗才稱得上是最好的老師。
台灣近年新創發展蓬勃,又有像 Appier 與 91APP 這些新創公司成功出場,在日本與台灣上櫃。我也聽到越來越多同學在新創與大公司之間考量自己職涯發展的下一步。
我們常活在別人的期待之下,茫然地跟隨人群的決定而做決定,往安全卻不一定適合自己的路走,錯失了能夠發揮天分的機會。許多年輕人的迷惘都是源自於「不夠認識自己」,類似的恐慌在台灣年輕人身上似乎特別明顯。
「畢業感言」有很多不同的目的,所以內容可以根據你的目的去設計就好。當然,要避免太負面、有洩漏企業機密的訊息,但重要的,我認為是「時機」。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
第二堂講座為:「書與它們的產地:龐大的出版產業與其靈魂」,由八旗文化出版社的主編王家軒主講。這系列講座共12堂,每堂兩小時,總時長共24小時。在經過前兩堂的暖身後,第三堂開始算是真正進入血腥的實務內容。本堂課側重於選書與文案,略談及設計與行銷。我自己也認為,作為編書的起點,第一步就是先「想像一本書」
Thumbnail
太陽下做工的人-工人、施工、開獎 晴空萬里烈日照耀之下,有一群人戴著頭盔、身穿排汗衣著長褲、腰間隙著釘袋與各式吃飯傢伙為生活努力的揮灑汗水,沒錯!他們正是【做工的人】。工人們一邊揮舞著槌子一邊苦中作樂談笑風生,而我負責監督著他們與隨時接應他們呼叫的支援,過程中出點力搬木頭搬模板,成就了我瘦五公斤的
Thumbnail
──蘋果前iPhone首席軟體工程師獨家告白── ──賈伯斯黃金時代蘋果創意法則全紀錄!── 蘋果產品全球有近二十億使用者,但催生、實現這些創意的所有工作流程,由於內部嚴格的「保密條款」限制,始終成謎。 天才們究竟是如何孕育出iPhone、iPad、Safari……?
Thumbnail
你是一位接案維生的自由工作者嗎?不知道有沒有一種狀況發生在你身上,背著筆電在炎熱的夏天騎著車,想到一間環境佳、網路快、飲品好喝咖啡廳,但卻一直遇到客滿要另尋佳境,或是好不容易找到位子了卻遇到網路太慢的店家,又或是環境太吵雜讓人無法專心的問題,這時候就會好希望有一個適合放鬆工作的空間。
Thumbnail
        最近在接觸網拍相關,對於字句的琢磨也一直是想鑽研的,雖然同樣身為女性,還是有「哇~原來是這樣想的」. 以下針對幾點我印象較為深刻的特別提出來。         1.裡面提到女性有希望的理想生活,就是一直希望是公主的傾向,而在作產品銷售上會有避免談到現實層面的問題,就像婚紗一直是販賣”
Thumbnail
本次行程重點是在大林鎮鹿堀溝,也就是傳說中水鬼出沒的地方,也曾是抗日古戰場,然而周邊的溪口鄉與民雄鄉,也遺留下了與抗日行動有關的景點。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
第二堂講座為:「書與它們的產地:龐大的出版產業與其靈魂」,由八旗文化出版社的主編王家軒主講。這系列講座共12堂,每堂兩小時,總時長共24小時。在經過前兩堂的暖身後,第三堂開始算是真正進入血腥的實務內容。本堂課側重於選書與文案,略談及設計與行銷。我自己也認為,作為編書的起點,第一步就是先「想像一本書」
Thumbnail
太陽下做工的人-工人、施工、開獎 晴空萬里烈日照耀之下,有一群人戴著頭盔、身穿排汗衣著長褲、腰間隙著釘袋與各式吃飯傢伙為生活努力的揮灑汗水,沒錯!他們正是【做工的人】。工人們一邊揮舞著槌子一邊苦中作樂談笑風生,而我負責監督著他們與隨時接應他們呼叫的支援,過程中出點力搬木頭搬模板,成就了我瘦五公斤的
Thumbnail
──蘋果前iPhone首席軟體工程師獨家告白── ──賈伯斯黃金時代蘋果創意法則全紀錄!── 蘋果產品全球有近二十億使用者,但催生、實現這些創意的所有工作流程,由於內部嚴格的「保密條款」限制,始終成謎。 天才們究竟是如何孕育出iPhone、iPad、Safari……?
Thumbnail
你是一位接案維生的自由工作者嗎?不知道有沒有一種狀況發生在你身上,背著筆電在炎熱的夏天騎著車,想到一間環境佳、網路快、飲品好喝咖啡廳,但卻一直遇到客滿要另尋佳境,或是好不容易找到位子了卻遇到網路太慢的店家,又或是環境太吵雜讓人無法專心的問題,這時候就會好希望有一個適合放鬆工作的空間。
Thumbnail
        最近在接觸網拍相關,對於字句的琢磨也一直是想鑽研的,雖然同樣身為女性,還是有「哇~原來是這樣想的」. 以下針對幾點我印象較為深刻的特別提出來。         1.裡面提到女性有希望的理想生活,就是一直希望是公主的傾向,而在作產品銷售上會有避免談到現實層面的問題,就像婚紗一直是販賣”
Thumbnail
本次行程重點是在大林鎮鹿堀溝,也就是傳說中水鬼出沒的地方,也曾是抗日古戰場,然而周邊的溪口鄉與民雄鄉,也遺留下了與抗日行動有關的景點。