作者G4321 (小胖囉)
看板Soft_Job
標題[請益] 如何從網頁設計師轉職到前端工程師
時間Sun Mar 11 13:20:24 2018
設計本科系畢業 但設計美感普通
不過也當過美編 後來覺得設計很吃感覺 完全看對方的心情而定 跑去學網頁
學成之後也當了一年多的網頁設計師
工作內容大概就是 接政府的專案 然後做出一個入口網供民眾使用
需要先美工軟體做出網站示意圖 包括手機版 還有UIUX & 動態效果 都要一起想
嘴砲完之後 這些所有畫面 都要在網頁呈現出來(自己寫CODE排版出來)
不過都叫網頁設計師 當然就是兩樣都要做
基本的設計底子是沒問題 網頁的話排版也沒問題 JS程度大概就是基礎班的能力
基本物件導向能力沒問題 也看得懂文件再套進去 也會自己去GOOGLE找答案
但其實這段時間常被主管A說設計美感不夠 也覺得我設計速度太慢了
主管B說我程式底子不夠 要學會表單用JSON 要學會用變數去呼叫函式
程式不能寫太死 要有彈性 陣列 FOR迴圈要多熟一點
這樣後端工程師接資料庫才不會困擾
後來因故離職 現在有1~2個月的空檔
預計想把之前買的線上課程給聽完 像是bootstrap4 canvus sass ..等等
JS基礎課程再熟一點
不過其實有點是亡羊補牢 也覺得自己有點是無頭蒼蠅般的學習
上個工作薪資約在 35K~40K 之間
總覺得網頁設計師在大多數主管眼中 就只是一個會程式的美工
薪資起伏好像已經快要到上限了(以台灣的環境來看)
想問一下版友 如果我未來慢慢要走向前端工程師 該從哪方面去學習呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.9.176.23
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1520745628.A.0CD.html
→ vi000246: 看你是想當前端還是設計師 兩者要學的東西不一樣 03/11 13:22
下個工作應該還是網頁設計師 只是未來目標應該是前端工程師 真的很想拋棄掉設計啦
我懂設計 可以跟設計溝通就好 一直去猜測主管喜歡的風格也蠻耗腦力的
推 Masakiad: 是不是網頁設計的發展比不上純前端工程師;有這種錯覺 03/11 13:35
→ Masakiad: 應該是前端技能不夠專精 03/11 13:35
所以我現在該加強哪些方面的技能...基本的網頁設計能力可以說算是具備了
只是看著樹狀圖般的網頁技能 一時也無從學起 希望能在這邊找到明燈啦
推 ymcheung: 現在設計端最夯的就是 Design System 了 03/11 13:40
→ ymcheung: 然後最近還有仿 devops 出現的 designops 03/11 13:41
→ ymcheung: 不過這些東西對於政府案子的公司沒啥必要 03/11 13:43
答對惹~政府的案子 每個地區幾乎都是差不多的風格 大概就是扁平+圖塊化
也算是另類的 Design System
推 diabloevagto: Js 弄熟做作品,找個好心人幫你看程式給意見 03/11 14:01
推 richard07250: 建議你隨便找個框架 通常都會有完整的tutorial 照著 03/11 14:27
→ richard07250: 做可以學到很多 03/11 14:27
→ justben: bootstrap這種框架的東西別再看啦 css好好整 03/11 14:44
→ justben: 前端 react or angular or vue 都不錯 也很多教學 03/11 14:46
推 Masakiad: 樹狀圖上的幾乎都需要啊 03/11 14:54
→ Masakiad: 黃色部份 03/11 15:14
→ MOONY135: 這個上限也.... 03/11 15:28
推 menshuei: 上面的很詳細,照著點技能再加上大量的整合實作就可以了 03/11 15:32
→ menshuei: ,如果有時間還可以進入後端的部分,再加上你會美工設計 03/11 15:32
→ menshuei: ,這樣一來簡直在老闆心中是完美員工。 03/11 15:32
推 menshuei: 另外PHP可以再加上swoole這項技能。 03/11 15:34
→ rer429: 以上兩篇是在 fb 前端社團,看到關於轉前端的分享 03/11 17:32
推 CCben: 建議從如何改前端設計Framework,尋找自己缺少哪些能力 03/11 17:46
推 ssadd502227: js是基礎班 物件導向能力還可以? 03/11 18:03
→ netburst: 會越多最後變雜工 專精吧 03/11 18:03
------------------------------------------------
推 chatnoir: 這id好熟悉啊..你不是問很多次了嗎..還沒轉? 03/11 18:13
我是以已經當過網頁設計師的角度來詢問 這問題是第一次問喔
噓 Nyctalopia: 問了兩三年了 你如果都沒做 那你發這文也沒意義 03/11 18:36
→ Nyctalopia: 發文沒辦法讓你轉職 踏出第一步去做才有機會 03/11 18:36
我不是早就踏出第一步很久了嗎?
推 superpai: 真的,都過好幾年了,前端越來越簡單,平常工作上如果沒 03/11 18:48
→ superpai: 有前端越來越精進,有沒有別的方法了。 03/11 18:48
→ superpai: 而且我真是不知道網頁設計師上bootstrap課有什麼意義, 03/11 18:51
→ superpai: 網頁設計師自己應該要有做出一套bootstrap的能力 03/11 18:51
→ ho2002: 這設計美感真的很普通.... 我業餘設計可能都比這好看www 03/11 18:58
是真的很普通呀 就是有設計過的 至少比一般人好啦 沒有到醜 就是普普
知道自己的美感在哪裡啦 我也不想花太多時間去研究美感這一塊
畢竟做了網頁設計之後 我發現美感=主管的美感 要捨去自己的style
噓 alihue: 真的問很久了 以前留言自己拿出來慢慢看 03/11 19:00
以前的留言 完全沒辦法回答現在的問題呀 角度不同 問的方向不同不是嗎
噓 richard07250: 看了一下 這人怎麼從2015問一樣的問題到今年... 03/11 19:11
這個問題 我是工作後才問 我並不是沒有要學 建議你要不要看一下原文
我的問題是 如何從網頁設計跳轉到前端 這問題我之前沒問過
我就是因為工作後發現網頁這個東西學不完 太廣了 有點抓不到要專精的路線
我也有說我目前的想法 並不是完全沒目的 也不是問了不會去做
看一下原文吧 我也是過了好一段時間才問 不要人云亦云呀
→ pttworld: 建議不要過度認真討論區的回文,這些答案不會替自己負責 03/11 19:28
會的 上面有些朋友的文章我也會做參考 我本來就有自己要學習的路線 我一直都往前走
只是還是會覺得會不會有時候走錯路 例如說我朋友跑去學wordpress 結果他後來應徵上
老闆說不用這種對資安有疑慮的CMS系統 請他手刻的 他摸索一陣子 結果根本沒用到
如果我用jade 及sass 來寫 但後端工程師他看不懂 也是白學...
摸索svg的動畫應用 結果業主說 要ie9支援 也是浪費
反正還是感謝有回答的朋友 我一直都在學 只是真的有點學不完就是 Orz
→ vi000246: 最簡單的方法 去104、或是本版把徵人文爬過一遍 03/11 20:04
→ vi000246: 看他們要求什麼技能 再規劃學習進度 03/11 20:05
→ vi000246: 對惹 後端看不懂jade跟sass是正常的 03/11 20:06
推 x246libra: 上面有個2018的 developer程式技能圖 沒有JAVE耶 QQ 03/11 20:31
推 Masakiad: jave XD 03/11 20:36
噓 yuanchen1103: 你從以前就一直強調自己是設計本科出身 卻又說美感 03/11 21:08
→ yuanchen1103: 不好 那我覺得就別提了啦 這完全不是重點 如果你今 03/11 21:08
→ yuanchen1103: 天前端技術很精熟 在面試的時候談吐有佳 一點點設計 03/11 21:08
→ yuanchen1103: 能力都是大加分 03/11 21:08
那方便閣下大大給我一盞明燈嗎?
能夠讓我同時在做網頁設計時可以慢慢銜接上前端工程的範疇
→ alihue: 明燈就是,再也不要提自己做過設計,直接找純前端 03/11 21:20
→ yuanchen1103: 看起來我大概小你快十歲吧 我不是設計系 也不是資工 03/11 21:41
→ yuanchen1103: 系 過去靠自學應徵上純UIUX設計師 一直都很喜歡程式 03/11 21:41
→ yuanchen1103: 半年前從html css jQuery一直到現在熟悉Vue React 03/11 21:41
→ yuanchen1103: 甚至開始碰資料庫 最近當上純前端工程師 我只能跟你 03/11 21:41
→ yuanchen1103: 說 當你對一個職位很嚮往的時候 打開yourator caker 03/11 21:41
→ yuanchen1103: esume等應徵網站 看看最近新創對於這樣的職位需求是 03/11 21:41
→ yuanchen1103: 什麼(新創通常比較容易追上這個領域的潮流) 然後拼 03/11 21:41
→ yuanchen1103: 了命去學 不要怕看英文文件 現在YouTube 上有很多 03/11 21:41
→ yuanchen1103: 免費的英文教學影片 最重要的是調整心態 看到有哪邊 03/11 21:41
→ yuanchen1103: 還不夠就去加強 我不敢說自己是多麼好的設計師 但我 03/11 21:41
→ yuanchen1103: 因為過去的設計經驗為自己加了很多分 如果你想走純 03/11 21:41
→ yuanchen1103: 前端的話 找個框架去鑽精吧 (Angular React Vue) 03/11 21:41
→ vuejs: 根據往年文章 看起來完全沒有sense 還是不要來雷別人吧 03/11 21:50
謝謝上面部分鄉民的建議囉 也提供給想要轉職的人做個參考
※ 編輯: G4321 (101.9.176.23), 03/11/2018 22:07:21
→ puritys: cript/blob/master/README.MD 先學好 CSS 03/12 02:45
→ Kazimir: 回去又看了一下之前的文章 結論是你已經上很多課了 03/12 07:29
→ Kazimir: 如果你還是做不好 那只有一個原因 就是你做太少 03/12 07:30
→ Kazimir: 要不然就是你查資料的能力有問題 資策會都結訓了... 03/12 07:30
→ spjay1: 去 Dribble 找張設計圖練切版啊XD 03/12 10:07
→ kenshinwerra: 只是妳要不要做而已 個人也碰過設計不錯前端會串資 03/12 16:59
→ kenshinwerra: 料 又會做Motion的人 03/12 16:59
→ kenshinwerra: 可以從Side project從設計面到前端 才知道哪裡不足 03/12 17:00
推 justben: 台大資工的訓練班不錯啊 推推 js css 應該都還有吧 03/13 16:23