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

更新於 發佈於 閱讀時間約 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
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
相較於薪資、職涯發展等因素,"是否對寫程式感興趣" 才是最應該思考的問題。
對於想要嘗試學習前端技術,卻還沒下定決心或不知道是否合適的初心者,六角的體驗營就像是前端開發的新手村,提供基礎的新手教學,讓你對前端有基礎的概念;教你最基本的心法,讓你去打幾隻簡單的怪累積一點經驗值。
Thumbnail
當我剛開始接觸這個領域的時候,經常會看到有人在討論: 到底要做前端還是後端工程師呢?後端工程師賺的比前端工程師多?前端工程師轉後端工程師?那前端與後端到底是什麼呢? 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理,對於想深入瞭解前後端的讀者會非常有幫助。
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 八、軟體公司的前端工程師之路 新公司不是做網頁專案的,而是自己研發資安軟體的公司,主要只有一個大專案,跟很多客製化的需求。 我在這次轉職時有考慮到,我其實不太喜歡一個案子做完就結束的感覺,因為那會讓我覺得這些作品做完好像也不是我的東西..
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 五、網頁設計師要做什麼? 說實話,每間公司不一樣。 我不是只面試一間而已,光是網頁設計我應該至少投了十間以上,我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架,會有滿大的差別。 網頁設計主要分成以下工作:
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 一、為什麼想轉職? 初次踏入網頁設計這一行,是在我26歲時。 為什麼想轉行呢? 在這之前,我是個畢業於化學工程學系,每天在實驗室中跟檢體搏鬥的化驗員。你以為實驗室化驗員薪水很高嗎?並沒有,起薪23k而已,你做好幾年把考核...
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
相較於薪資、職涯發展等因素,"是否對寫程式感興趣" 才是最應該思考的問題。
對於想要嘗試學習前端技術,卻還沒下定決心或不知道是否合適的初心者,六角的體驗營就像是前端開發的新手村,提供基礎的新手教學,讓你對前端有基礎的概念;教你最基本的心法,讓你去打幾隻簡單的怪累積一點經驗值。
Thumbnail
當我剛開始接觸這個領域的時候,經常會看到有人在討論: 到底要做前端還是後端工程師呢?後端工程師賺的比前端工程師多?前端工程師轉後端工程師?那前端與後端到底是什麼呢? 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理,對於想深入瞭解前後端的讀者會非常有幫助。
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 八、軟體公司的前端工程師之路 新公司不是做網頁專案的,而是自己研發資安軟體的公司,主要只有一個大專案,跟很多客製化的需求。 我在這次轉職時有考慮到,我其實不太喜歡一個案子做完就結束的感覺,因為那會讓我覺得這些作品做完好像也不是我的東西..
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 五、網頁設計師要做什麼? 說實話,每間公司不一樣。 我不是只面試一間而已,光是網頁設計我應該至少投了十間以上,我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架,會有滿大的差別。 網頁設計主要分成以下工作:
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 一、為什麼想轉職? 初次踏入網頁設計這一行,是在我26歲時。 為什麼想轉行呢? 在這之前,我是個畢業於化學工程學系,每天在實驗室中跟檢體搏鬥的化驗員。你以為實驗室化驗員薪水很高嗎?並沒有,起薪23k而已,你做好幾年把考核...