[請益] 如何從網頁設計師轉職到前端工程師

看板Soft_Job (軟體人)作者 (小胖囉)時間6年前 (2018/03/11 13:20), 6年前編輯推噓12(16449)
留言69則, 25人參與, 6年前最新討論串1/4 (看更多)
設計本科系畢業 但設計美感普通 不過也當過美編 後來覺得設計很吃感覺 完全看對方的心情而定 跑去學網頁 學成之後也當了一年多的網頁設計師 工作內容大概就是 接政府的專案 然後做出一個入口網供民眾使用 需要先美工軟體做出網站示意圖 包括手機版 還有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

03/11 13:22, 6年前 , 1F
看你是想當前端還是設計師 兩者要學的東西不一樣
03/11 13:22, 1F
下個工作應該還是網頁設計師 只是未來目標應該是前端工程師 真的很想拋棄掉設計啦 我懂設計 可以跟設計溝通就好 一直去猜測主管喜歡的風格也蠻耗腦力的

03/11 13:35, 6年前 , 2F
是不是網頁設計的發展比不上純前端工程師;有這種錯覺
03/11 13:35, 2F

03/11 13:35, 6年前 , 3F
應該是前端技能不夠專精
03/11 13:35, 3F
所以我現在該加強哪些方面的技能...基本的網頁設計能力可以說算是具備了 只是看著樹狀圖般的網頁技能 一時也無從學起 希望能在這邊找到明燈啦

03/11 13:40, 6年前 , 4F
現在設計端最夯的就是 Design System 了
03/11 13:40, 4F

03/11 13:41, 6年前 , 5F
然後最近還有仿 devops 出現的 designops
03/11 13:41, 5F

03/11 13:43, 6年前 , 6F
不過這些東西對於政府案子的公司沒啥必要
03/11 13:43, 6F
答對惹~政府的案子 每個地區幾乎都是差不多的風格 大概就是扁平+圖塊化 也算是另類的 Design System

03/11 14:01, 6年前 , 7F
Js 弄熟做作品,找個好心人幫你看程式給意見
03/11 14:01, 7F

03/11 14:27, 6年前 , 8F
建議你隨便找個框架 通常都會有完整的tutorial 照著
03/11 14:27, 8F

03/11 14:27, 6年前 , 9F
做可以學到很多
03/11 14:27, 9F

03/11 14:44, 6年前 , 10F
bootstrap這種框架的東西別再看啦 css好好整
03/11 14:44, 10F

03/11 14:46, 6年前 , 11F
前端 react or angular or vue 都不錯 也很多教學
03/11 14:46, 11F

03/11 14:54, 6年前 , 12F
樹狀圖上的幾乎都需要啊
03/11 14:54, 12F

03/11 15:14, 6年前 , 13F
03/11 15:14, 13F

03/11 15:14, 6年前 , 14F
黃色部份
03/11 15:14, 14F

03/11 15:28, 6年前 , 15F
這個上限也....
03/11 15:28, 15F

03/11 15:32, 6年前 , 16F
上面的很詳細,照著點技能再加上大量的整合實作就可以了
03/11 15:32, 16F

03/11 15:32, 6年前 , 17F
,如果有時間還可以進入後端的部分,再加上你會美工設計
03/11 15:32, 17F

03/11 15:32, 6年前 , 18F
,這樣一來簡直在老闆心中是完美員工。
03/11 15:32, 18F

03/11 15:34, 6年前 , 19F
另外PHP可以再加上swoole這項技能。
03/11 15:34, 19F

03/11 17:31, 6年前 , 20F

03/11 17:32, 6年前 , 21F
03/11 17:32, 21F

03/11 17:32, 6年前 , 22F
以上兩篇是在 fb 前端社團,看到關於轉前端的分享
03/11 17:32, 22F

03/11 17:46, 6年前 , 23F
建議從如何改前端設計Framework,尋找自己缺少哪些能力
03/11 17:46, 23F

03/11 18:03, 6年前 , 24F
js是基礎班 物件導向能力還可以?
03/11 18:03, 24F

03/11 18:03, 6年前 , 25F
會越多最後變雜工 專精吧
03/11 18:03, 25F
------------------------------------------------

03/11 18:13, 6年前 , 26F
這id好熟悉啊..你不是問很多次了嗎..還沒轉?
03/11 18:13, 26F
我是以已經當過網頁設計師的角度來詢問 這問題是第一次問喔

03/11 18:36, 6年前 , 27F
問了兩三年了 你如果都沒做 那你發這文也沒意義
03/11 18:36, 27F

03/11 18:36, 6年前 , 28F
發文沒辦法讓你轉職 踏出第一步去做才有機會
03/11 18:36, 28F
我不是早就踏出第一步很久了嗎?

03/11 18:48, 6年前 , 29F
真的,都過好幾年了,前端越來越簡單,平常工作上如果沒
03/11 18:48, 29F

03/11 18:48, 6年前 , 30F
有前端越來越精進,有沒有別的方法了。
03/11 18:48, 30F

03/11 18:51, 6年前 , 31F
而且我真是不知道網頁設計師上bootstrap課有什麼意義,
03/11 18:51, 31F

03/11 18:51, 6年前 , 32F
網頁設計師自己應該要有做出一套bootstrap的能力
03/11 18:51, 32F

03/11 18:58, 6年前 , 33F
這設計美感真的很普通.... 我業餘設計可能都比這好看www
03/11 18:58, 33F
是真的很普通呀 就是有設計過的 至少比一般人好啦 沒有到醜 就是普普 知道自己的美感在哪裡啦 我也不想花太多時間去研究美感這一塊 畢竟做了網頁設計之後 我發現美感=主管的美感 要捨去自己的style

03/11 19:00, 6年前 , 34F
真的問很久了 以前留言自己拿出來慢慢看
03/11 19:00, 34F
以前的留言 完全沒辦法回答現在的問題呀 角度不同 問的方向不同不是嗎

03/11 19:11, 6年前 , 35F
看了一下 這人怎麼從2015問一樣的問題到今年...
03/11 19:11, 35F
這個問題 我是工作後才問 我並不是沒有要學 建議你要不要看一下原文 我的問題是 如何從網頁設計跳轉到前端 這問題我之前沒問過 我就是因為工作後發現網頁這個東西學不完 太廣了 有點抓不到要專精的路線 我也有說我目前的想法 並不是完全沒目的 也不是問了不會去做 看一下原文吧 我也是過了好一段時間才問 不要人云亦云呀

03/11 19:28, 6年前 , 36F
建議不要過度認真討論區的回文,這些答案不會替自己負責
03/11 19:28, 36F
會的 上面有些朋友的文章我也會做參考 我本來就有自己要學習的路線 我一直都往前走 只是還是會覺得會不會有時候走錯路 例如說我朋友跑去學wordpress 結果他後來應徵上 老闆說不用這種對資安有疑慮的CMS系統 請他手刻的 他摸索一陣子 結果根本沒用到 如果我用jade 及sass 來寫 但後端工程師他看不懂 也是白學... 摸索svg的動畫應用 結果業主說 要ie9支援 也是浪費 反正還是感謝有回答的朋友 我一直都在學 只是真的有點學不完就是 Orz

03/11 20:04, 6年前 , 37F
最簡單的方法 去104、或是本版把徵人文爬過一遍
03/11 20:04, 37F

03/11 20:05, 6年前 , 38F
看他們要求什麼技能 再規劃學習進度
03/11 20:05, 38F

03/11 20:06, 6年前 , 39F
對惹 後端看不懂jade跟sass是正常的
03/11 20:06, 39F

03/11 20:31, 6年前 , 40F
上面有個2018的 developer程式技能圖 沒有JAVE耶 QQ
03/11 20:31, 40F

03/11 20:36, 6年前 , 41F
jave XD
03/11 20:36, 41F

03/11 21:08, 6年前 , 42F
你從以前就一直強調自己是設計本科出身 卻又說美感
03/11 21:08, 42F

03/11 21:08, 6年前 , 43F
不好 那我覺得就別提了啦 這完全不是重點 如果你今
03/11 21:08, 43F

03/11 21:08, 6年前 , 44F
天前端技術很精熟 在面試的時候談吐有佳 一點點設計
03/11 21:08, 44F

03/11 21:08, 6年前 , 45F
能力都是大加分
03/11 21:08, 45F
那方便閣下大大給我一盞明燈嗎? 能夠讓我同時在做網頁設計時可以慢慢銜接上前端工程的範疇

03/11 21:20, 6年前 , 46F
明燈就是,再也不要提自己做過設計,直接找純前端
03/11 21:20, 46F

03/11 21:41, 6年前 , 47F
看起來我大概小你快十歲吧 我不是設計系 也不是資工
03/11 21:41, 47F

03/11 21:41, 6年前 , 48F
系 過去靠自學應徵上純UIUX設計師 一直都很喜歡程式
03/11 21:41, 48F

03/11 21:41, 6年前 , 49F
半年前從html css jQuery一直到現在熟悉Vue React
03/11 21:41, 49F

03/11 21:41, 6年前 , 50F
甚至開始碰資料庫 最近當上純前端工程師 我只能跟你
03/11 21:41, 50F

03/11 21:41, 6年前 , 51F
說 當你對一個職位很嚮往的時候 打開yourator caker
03/11 21:41, 51F

03/11 21:41, 6年前 , 52F
esume等應徵網站 看看最近新創對於這樣的職位需求是
03/11 21:41, 52F

03/11 21:41, 6年前 , 53F
什麼(新創通常比較容易追上這個領域的潮流) 然後拼
03/11 21:41, 53F

03/11 21:41, 6年前 , 54F
了命去學 不要怕看英文文件 現在YouTube 上有很多
03/11 21:41, 54F

03/11 21:41, 6年前 , 55F
免費的英文教學影片 最重要的是調整心態 看到有哪邊
03/11 21:41, 55F

03/11 21:41, 6年前 , 56F
還不夠就去加強 我不敢說自己是多麼好的設計師 但我
03/11 21:41, 56F

03/11 21:41, 6年前 , 57F
因為過去的設計經驗為自己加了很多分 如果你想走純
03/11 21:41, 57F

03/11 21:41, 6年前 , 58F
前端的話 找個框架去鑽精吧 (Angular React Vue)
03/11 21:41, 58F

03/11 21:50, 6年前 , 59F
根據往年文章 看起來完全沒有sense 還是不要來雷別人吧
03/11 21:50, 59F
謝謝上面部分鄉民的建議囉 也提供給想要轉職的人做個參考 ※ 編輯: G4321 (101.9.176.23), 03/11/2018 22:07:21

03/12 02:45, 6年前 , 60F

03/12 02:45, 6年前 , 61F
cript/blob/master/README.MD 先學好 CSS
03/12 02:45, 61F

03/12 07:29, 6年前 , 62F
回去又看了一下之前的文章 結論是你已經上很多課了
03/12 07:29, 62F

03/12 07:30, 6年前 , 63F
如果你還是做不好 那只有一個原因 就是你做太少
03/12 07:30, 63F

03/12 07:30, 6年前 , 64F
要不然就是你查資料的能力有問題 資策會都結訓了...
03/12 07:30, 64F

03/12 10:07, 6年前 , 65F
去 Dribble 找張設計圖練切版啊XD
03/12 10:07, 65F

03/12 16:59, 6年前 , 66F
只是妳要不要做而已 個人也碰過設計不錯前端會串資
03/12 16:59, 66F

03/12 16:59, 6年前 , 67F
料 又會做Motion的人
03/12 16:59, 67F

03/12 17:00, 6年前 , 68F
可以從Side project從設計面到前端 才知道哪裡不足
03/12 17:00, 68F

03/13 16:23, 6年前 , 69F
台大資工的訓練班不錯啊 推推 js css 應該都還有吧
03/13 16:23, 69F
文章代碼(AID): #1QfBoS3D (Soft_Job)
文章代碼(AID): #1QfBoS3D (Soft_Job)