---
tags: 2021 程式體驗營
---
# 第五堂：2022版網頁前端職涯攻略發展

本門直播課將於 6/23(三) 20:00 開始！，進入[直播間](https://rpg.hexschool.com/training/22/show?embedhm=Uuk0KDvYRNeYgL7b24Pbqw)。

## 快報
1. 目前任務數 600 份！下面[三個任務](https://rpg.hexschool.com/training/29/task)有做都算
* 切版任務一 - 產品列表排版
* 切版任務二 - chatTalker AI 機器人
* 體驗營感謝心得牆
3. [快閃 3 小時 66 折方案倒數](https://www.notion.so/gonsakon/3-66-608cee81dd0c489390e5ed1975be40f0)，下週三前陸續綁定在 [Teachable](https://courses.hexschool.com/) 上
4. 之後老師的動向

## 本次講義

* [問與答 sli.do](https://app.sli.do/event/yzz9jpsb/live/questions)

## 規劃分享內容

1. 投入前的心理建設
* 要花多久時間，到哪幾個階段？
* 年齡背景是否有限制？
* 各地區薪資水平大概多少？
* 要如何挑選課程
* 網頁設計跟前端工程的差異在？
2. 前端工程師的 10 年成長建議
* 第一份工作要找什麼性質？你想犧牲什麼？(新創、傳產中大公司、網頁設計公司、軟體開發公司、電商公司)
* 要如何避免一年工作重複 10 年？
* 未來發展建議

## 學生參考

* [破釜沈舟 38 歲轉職路](https://ithelp.ithome.com.tw/users/20119529/ironman/3107?sc=iThelpR)
* [私立休閒管理系花兩年時間轉職](https://hexschool.tw/B99Pj?fbclid=IwAR0BpfRxuoT9fCovvw-mspHxmZJPLnUFF-u9IP3daXDe9053h4OAmiNodmk)
* [實體程式補習班轉線上學習](https://medium.com/awei06/%E8%BD%89%E8%81%B7%E7%B4%85%E7%B6%A0%E7%87%88-3c05df8df624)
* [五顆星學習方向推薦](https://ithelp.ithome.com.tw/articles/10256018?sc=rss.qu)

## 投入時間建議

1. 如果你是非資訊科系，自認學習效率差，要有心理準備花 7.5 月~2年時間轉職
2. 真正拿到工作時，才是你挑戰的開始，你必須再花 2~5 年，自主提昇為「是你在選職缺，而不是公司在選你」
3. 你要認知一件事，每間公司能給妳的養份都不一樣，你得衡量 A 間公司可以給妳年資但不能給你技術、B 間公司可以給你薪水與成就感，但你技術會原地踏步。C 公司能短期內給你高技術能量，但薪水超低。D 公司是接案公司，你做了 N 年，都是作短生命週期的土砲式活動網站，從來沒有做過開發週期超過半年的產品開發專案，開發能量無法累積。你必須在各間公司補齊養份，才能讓自己的年薪突破再突破，切忌不要當一年經驗累積10年的工程師
4. 如果第三點你沒有危機意識，就容易讓自己的薪水一直卡住，沒辦法繼續往前，所以你得認清目前公司能給你什麼養份，下班時間你是否能再做些 side project 加速自己的開發能量

## 雜談

### 業界錄取資格
得承認一件事情，儘管「大家都說實力就是一切」，但人本身多少還是會帶有色眼鏡去看待每個人，尤其是對面試者不熟、面試官是業務背景，自己也不懂技術的時候，通常他們下意識就會從學歷下手去做篩選。

另外一點，就是如果作品的 Code 太少，就比較難看出面試者的深度，那此時就更會用學歷來當作篩選的條件。

如果面試官在面試過程中，和兩位以上面試者聊得來時，就會開始用「學歷」、「作品深度」、「人格特質」高權重分數來篩選，並依照面試官的喜好，有些可能學歷為王，也有些人是只看作品，並只想知道面試者的 Code 程度如何當作條件。

所以我也很常被問到說：
「老師，我高中畢業能找得到工作嗎？而且我邏輯很差qq」
「我今年 38 歲，企業會想要用我嗎？」
「我之前是做警衛，這會影響我找前端工作嗎？」

我的一致回覆都是，你其實知道自己學歷輸人邏輯差、也沒有新鮮的肝，之前背景沒有很好，那麼你勢必來說，在其它面向就必須更努力些，才有可能拿到 offer 門票。

在學歷差的情況下，你勢必得比其它人補更多技術，讓自己在求職市場更有競爭力，舉例來說，目前三大框架都已經是標配，那麼是否考慮針對其它面向來補強？例如說

1. 瞭解 JS 底層觀念，並瞭解些電腦科學、計算機與網路概論
2. 學一門後端，但不是要你學很精，至少能接資料庫嘗試開 API 給自己接，這樣至少在被問到說：「你是 junior ，那有和後端溝通經驗嗎？」，至少你可以回說：「自己有自學過後端，瞭解一些後端邏輯」

以上都是可行的方向，以前我帶過一位花蓮的學生，他很堅持想紮根花蓮，但我心裡很清楚職缺少非常難，但我還是盡量提供給他介於 junior 與 senior 的練功菜單。但很巧的是剛好有開遠端職缺，並且讓他面試上了，這也讓我學到凡事不要把話說太死，當你認真想做好一件事，機會來臨時就能把握住。

另外蠻多學生會問自己是否適合寫程式，我其實通常都不太會看背景，通常都詢問兩個問題：

1. 為什麼你會想當工程師？
2. 如果不學程式，你還有哪些方向？

通常問這兩個問題，都是在觀察「學生想轉職的動機是否足夠強烈」，如果想轉職的初衷不夠強烈，那麼就很容易被 Debug 一整晚才發現拼錯單字、想寫 Code 卻被環境問題卡了一整天而抹滅心中那把火。

所以當學生低潮時，我就會故意再問他一次：「你當初為什麼會想轉寫程式？」對方想到初衷後就會繼續向前。

這裡我也分享些超過一年才轉職成功，並目前也還有在業界的學生轉職背景給各位參考

1. MIS 背景，他說自己不敢想像自己 10 年後，還是只能蹲到桌子下幫人解決電腦問題
2. 兩個孩子的爸爸，工作一直卡在薪水天花板，可以遇見未來 5 年後收入會遠遠不夠，所以哄小孩睡後，晚上 11~凌晨三點是他的學習時間
3. 花兩年才轉職成工程師，問為什麼願意花那麼長時間，原因是他喜歡寫程式，而且喜歡程式邏輯慢慢有建立起來的感覺。
4. 35 歲以上夕陽產業背景，為了培養一個硬底子在社會立足，破釜沈舟頭洗下去好好鍛鍊

你可以從上面案例中都能看到，這些學生都有足夠的轉職動機，來支撐他們轉職為工程師。

程式邏輯雖然可以後天培養，但要到「開竅能自己寫些東西」，那堵牆會非常厚，如果你沒有很強烈的動機，並自認程式邏輯概念比較差，要有心理準備會花非常久的時間才能撞破，而且這條路你會感覺看不到盡頭。唯有初衷足夠強烈，才能讓你繼續走下去。

再來回過頭來講業界錄取資格，你必須做更多事情，讓面試官能感受到「你/妳是來真的」，這點尤其重要。

因為面試官在面試時，也很容易看出你轉職究竟是為了「自己有熱忱與興趣」、「前端是好轉的職業，所以找個學店累積些作品但沒有太多自己的想法單純隨波逐流」哪個動機，來決定是否錄用你。如果你知識領域都是在於「課程內的知識」，但並沒有累積「解決問題能力」、「研究技術能力」，面試官也擔心要你研究一個新技術時會花過多時間而退卻。

如果你是真心想走這行，那麼你在履歷與面試上，得多一些「你是來真的」的證明。
我的意思不是告訴面試官說：「我是真心想成為工程師！我能為公司效力！」，而是用行動來證明。

例如說

1. 你想「提升自我研究問題的能力」，於是你參加了 IT 鐵人邦 30 天寫文活動，就只為了鑽研一個你之前不會的技術。
1. 或是你想要瞭解 JS 底層觀念，例如 this、event loop、非同步
1. 文章後，自己也整合知識，寫部落格輸出。並累積 50~60 篇以上 JS 文章
1. 你真的很想成為工程師，但很欠缺一些業界職場上必備的技術關鍵字，於是你把握了某研討會或技術聚會的機會，請益目前在業界的工程師，依照自己的學習狀況給予方向，讓自己更接近業界發展。
1. 你為了想成為工程師，但知道自己的作品量跟實戰經驗不夠，去刷了很多常見 JS 題目，例如 JS 30、freeCodeCamp 等等。展開為期 30~60 天的 JS 特訓。
1. 或是花了兩個月去做一個你想實現的 side project 專案，因為是作品導向，所以你為了打磨好這作品，也特別花時間去學自己不會的技術，沒有 API，也只好自己學些後端、沒有 Data 只好瞭解怎麼寫爬蟲撈資料或 cors 問題，就只是解決你想做的 side project 來實現你想解決現實中的問題。

學習東西是在做「知識輸入」，但面試官與公司注重的是「你究竟能輸出多少產能？」，所以這些東西都有助於你履歷上能跟其它人很不一樣，也能感受到你想轉職的慾望有多強烈。

企業不會不喜歡願意自主研究技術並輸出的工程師，再來就是你做了這些輸出的事情，才有辦法增加自己的信心。有底氣時，面試時就不會太畏縮，也才能公司覺得有機會與你共事。

這些輸出的過程，必須持續個好幾年，你才會有一天會發自內心的覺得自己是位工程師。所有的教學資源都是讓你拿到門票，但後面還會有很長的一段補齊技術之路要走。

另外如果真心想走這行，不用擔心市場飽和問題，因為「業界不缺工程師，但一直都缺好的工程師」。

說到這裡，我來繼續分享下一個議題，也就是薪水。

## 薪水

* [2021 前端工程師薪水調查](https://www.hexschool.com/2021/12/09/2021-12-09-2021-frontend-salary/)
* [前端工程師第一份工作平均起薪與採用技術調查](https://www.hexschool.com/2021/12/09/2021-12-09-frontend-first-salary/)

我曾經有詢問過些學生，有做過一些數據統計，不過也就是自己體感數據，就提供大家參考。

我認為的 junior，必須達到以下程度：
1. 不倚賴框架，能手寫 RWD，但必要時也會用 BS4+SCSS 客製化前後台版型
2. JS 邏輯能力，會使用單頁式 SPA+API 串接，並會三大框架任一(Vue、React、Angular)
3. 有作品，要花至少三週~兩個月打磨幾個作品，作品在質不在量，每個作品頁面數要多

在台北的話 junior 薪資 3w~4w5，台北的 junior 價碼一直很亂，
而台中、高雄職缺數量差不多，薪資在 2w7~3w5 左右，台中如果走博奕的話才比較好找。

我自己是會建議，挑技術能量高的公司好好蹲低，找下間公司能讓你薪水三級跳的公司尤佳，因為前兩、三份工作，通常你就會對業界產生刻板印象。大腦思維也容易僵化

接下來我只講年薪部分，當然前提也是前面提到，你在公司有嗑到正確養份，才能讓自己的年薪突破再突破。所以就假設未來幾年你都有在自主進修補齊自己不足之處情況下。

以下數據不限地區：
1 年以下的年薪通常平均為：35~60 萬
1~3 年經驗則有為 60~80 萬

如果你一直沒有意識要補「技術成長」、「開發較長週期的產品機會」，那麼「年資經歷」不會幫你加到分數，他只能騙第一關的人資 hr，但騙不了第二關 CTO 的技術面試。

若是如此，你的年薪可能就會一直卡在 60 萬上下，在那之前你會覺得前方就是有一堵牆，你怎麼撬薪資都還是一樣，原因就是因為綜合能力還不夠，必須都有所累積，薪資才有機會是一口氣突破到年薪 80~100 ，甚至更高

## 方案一：切版菜單求職水平

1. 能手寫 RWD，並不倚賴框架，在各個螢幕解析度時，網頁不能有 x 軸出現
2. 會使用 SCSS 管理版型，並且有元件、格線系統、 util 通用類別概念
3. JS 、jQ 部分不用太深，但至少能套很常見的效果，例如 chart 圖表、swiper 輪播、燈箱、Tab、日曆等等
4. 會 Bootstrap，並會修改 BS SCSS 架構，調整 variable.scss 變數客製化網站果，因為很多後台大部分你都會碰到 Bootstrap
5. 看下 Bootstrap 的 class 設計，瞭解 OOCSS 設計概念

## 方案二： JS 需補的技能

1. Git，有可能你遇到多人團隊，元件要個別拆開寫，不會版控可能連門票都沒有
2. JS 中高階觀念，才能理解 React 體系上更多抽象觀念，建議可以搜尋 React Roadmap ，來瞭解自己大概要學到哪個階段，這會關係到你的作品要做到多深
3. RESTful API 介接，做出一個比較完整，且應用上，頁面也較多的作品

## 學習建議

第一種就是養成「學習習慣」，尋找工作強度不是那麼強的工作，晚上時仍有精力自主進修。讓學習不是靠意志力，而是養成習慣來投入，可以瀏覽原子習慣這本書

## 背景建議

「不要抹滅過去的自己，任何事件與過程都是在累積更好的妳，有一天當機會來時，妳會發現原來過去的背景，才塑造出至今這個遇到的機會」

想逃離前份工作背景(服務業、非本科)的工作，像是我就有些學生也是跟你做類似的工作，也會覺得那些背景會扣分，但通常我都會鼓勵他們寫上去。

舉例來說，有「多年業務背景」的學生，在人格特質上就表示他可能在溝通上很 ok，有「服務業工作經驗」的學生，因為都會遇到一些奧客，應對上也會比較圓滑。若曾經是「專案經理」，就蠻有可能有跨部門溝通經驗。

所以我都會建議他們加上工作職稱外，也順道補上，那個工作帶給了他哪些技能與負責項目，這些也都是有加分的。