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

作者: keke0421 (zrae)   2018-03-11 19:47:54
: 工作內容大概就是 接政府的專案 然後做出一個入口網供民眾使用
: 需要先美工軟體做出網站示意圖 包括手機版 還有UIUX & 動態效果 都要一起想
: 嘴砲完之後 這些所有畫面 都要在網頁呈現出來(自己寫CODE排版出來)
: 不過都叫網頁設計師 當然就是兩樣都要做
: 基本的設計底子是沒問題 網頁的話排版也沒問題 JS程度大概就是基礎班的能力
: 基本物件導向能力沒問題 也看得懂文件再套進去 也會自己去GOOGLE找答案
?
: 但其實這段時間常被主管A說設計美感不夠 也覺得我設計速度太慢了
: 主管B說我程式底子不夠 要學會表單用JSON 要學會用變數去呼叫函式
: 程式不能寫太死 要有彈性 陣列 FOR迴圈要多熟一點
你上面說你一堆沒問題 你做了什麼案子...結果
=> 被說設計美感不夠
=> 設計速度太慢
=> 程式底子不夠
=> 程式要有彈性
=> 陣列 For迴圈要熟
但你說
=> 設計底子沒問題
=> 網業排版沒問題
=> JS基礎班
=> 基本物件導向沒問題
我是不是誤會什麼了?
我怎麼看起來 你好像滿多問題
會不會最大問題 就是你認為你好像沒有太大問題?
by the way , 陣列 for迴圈 有什麼好熟不熟的呢?
: 後來因故離職 現在有1~2個月的空檔
: 預計想把之前買的線上課程給聽完 像是bootstrap4 canvus sass ..等等
: JS基礎課程再熟一點
: 不過其實有點是亡羊補牢 也覺得自己有點是無頭蒼蠅般的學習
: 上個工作薪資約在 35K~40K 之間
: 總覺得網頁設計師在大多數主管眼中 就只是一個會程式的美工
: 薪資起伏好像已經快要到上限了(以台灣的環境來看)
: 想問一下版友 如果我未來慢慢要走向前端工程師 該從哪方面去學習呢?
你聽那麼多課程 不如實做一個小產品
是你從頭到尾自己做的產品 從無到有 最後可以用網址搜尋到
建議 一開始接觸這塊的人
不要用任何 好像看起來 讓你很方便的工具 如 boostrap , sass
先把基礎打好再說 基礎慢慢堆疊 日後發生錯誤 才知道脈絡
【我是覺得拉 你就找一個家教可能比較快】
從了解http/tcp/dns..等 這些基礎的網路原理開始 當使用者按下網址
後面發生的事情到底是怎麼回事。
搞懂上面那些 完全不需要什麼boostrap or sass or 其他進階的工具
了解,就開始實做,開始去aws or linode 自己實際去操作 該付錢就付錢 反正小錢
過程中發生bug 可以嘗試自己解 嘗試自己找出答案 ( 有請家教比較快 )
而網頁內容的部分 就簡單化
一個<html>....略 <body>Hello world</body></html>這麼簡單即可
因為這個過程 並不是要你去了解工具如何使用
而是要你去了解 前端工程師 需要了解的網路基本原理
等到你做到這步 再說
作者: G4321 (小胖囉)   2018-03-11 19:56:00
謝謝你的建議
作者: a039780397   2018-03-11 20:16:00
為什麼懂了物件導向 array跟迴圈還會不熟,你之前寫程式都用不到這些?
作者: G4321 (小胖囉)   2018-03-11 20:46:00
因為我都習慣用JQUERY呀 JQUERY就是一個指令一個動作
作者: yuanchen1103 (Yuan)   2018-03-11 21:00:00
推 剛剛去看了原原po之前的貼文 只能說心態完全沒有改變==
作者: vi000246 (Vi)   2018-03-11 21:10:00
看來你的物件導向跟我所知的有很大的差別
作者: ssadd502227 (我想考試)   2018-03-11 21:40:00
會oo不會迴圈跟不會走會跑一樣
作者: a039780397   2018-03-11 21:50:00
你這樣不能算會把。。。
作者: sharku (明珠求瑕)   2018-03-11 22:02:00
迴圈不熟...這很嚴重吧
作者: senjor (哞哞)   2018-03-11 22:07:00
迴圈不熟這不是大一新生的問題嗎...
作者: G4321 (小胖囉)   2018-03-11 22:10:00
因為之前工作很少用到呀 因為之前大多數都是用套件或者很多按鈕是一個指令一個動作 除非遇到大量的資料才需要用到for迴圈 這種通常都是後端工程師去做了 我不需要碰資料
作者: yuanchen1103 (Yuan)   2018-03-11 22:15:00
所以你今天要走純前端不應該去把迴圈用熟嗎?現在已經是前後端分離的時代了 只會用jQuery註定只能當網頁設計師
作者: a039780397   2018-03-11 22:18:00
那你這樣怎麼算會js. 更不不會好嗎,我建議你找個功能去做去熟悉把
作者: kikola (gohome)   2018-03-11 22:39:00
所以你之前工作,前端完全不用寫邏輯嗎…
作者: G4321 (小胖囉)   2018-03-11 22:49:00
會用到if 判斷 for迴圈較少用到
作者: vi000246 (Vi)   2018-03-11 22:51:00
這樣的話我建議你先去買本犀牛書啃完它
作者: diabloevagto (wi)   2018-03-11 22:58:00
G4321 下面的敘述離前端工程師還非常遠,你應該重頭把 js 重新學過,你現在心態根本擺爛不求進步要搞清楚自己現在會什麼,而不是以前怎樣
作者: cookie1115 (大餅)   2018-03-11 23:03:00
w3schools先看一看吧 教得很完整
作者: G4321 (小胖囉)   2018-03-11 23:09:00
謝謝d大的建議 我原本計畫之一就是重摸js
作者: devilkool (對貓毛過敏的貓控)   2018-03-11 23:10:00
我有點難想像迴圈不熟是什麼意思
作者: asleisureto (ASLE)   2018-03-12 01:08:00
坦白說 迴圈跟陣列對這行來說 連入門都不算
作者: superpai (超級白)   2018-03-12 04:20:00
所以不懂jquery為什麼這麼流行的人看到這個例子就懂了,jquery的ux就是這麼棒,連 loop 都不會用的人都可以把要做的事解決掉。
作者: goodblessu (BTRFOO)   2018-03-12 07:00:00
其實沒解決掉吧 可能也是一場誤會
作者: Dnight (暗夜)   2018-03-12 15:20:00
jquery還是要寫迴圈跟處理陣列物件吧...
作者: bndan (seed)   2018-03-12 16:27:00
原PO看起來就是那種跳著學的類型=_= 紮實/熟練/深耕一種語言完成大一水平的程式水準才是原PO的第一要務...jquery很神 要求別太高的情況 可以完全跳過基本程式的要求但這個用於"教學"只是讓人提升自信用的 實際上用JQUERY協助程式教學可以 但是當主要教學內容的話..那學的人必需要具備程式能力...
作者: superpai (超級白)   2018-03-12 19:11:00
$().each 足以讓人用不到迴圈了。
作者: Beersheep (一心不乱)   2018-03-12 19:22:00
Each 不算迴圈嗎
作者: superpai (超級白)   2018-03-12 19:35:00
Oh原文是for迴圈啦
作者: s860134 (s860134)   2018-03-12 20:03:00
推翻我對工程師的定義
作者: steven11329 (清新柳橙)   2018-03-12 21:39:00
js寫多了反而真的沒用到迴圈耶…用map,forEach,reduce,filter 還比較多…
作者: shter (飛梭之影)   2018-03-12 21:39:00
就是包裝方法不同,用套件真的會連原生 code 都不會寫了不過這個時代似乎會用很多套件比會寫基礎 code 重要得多
作者: lazarus1121 (...)   2018-03-12 23:02:00
內文拼命寫自己的缺點,被大家點出問題又狂找藉口風格跟2年前一個樣子XD
作者: G4321 (小胖囉)   2018-03-12 23:06:00
噓樓上 請問我哪裡有狂找藉口 我不是有說我要重新摸索亂扣帽子這樣有意義嗎? 酸民真的不嫌多~夠了沒呀補推回來 ~再次說明 各位前輩(撇除酸民)的話 我都有在聽我也沒有停滯不前 就如同上面說的 只是我跑得太快 想學很多上面推文大大也說了 有些情況的確用jquery就可以解決了但也不代表我就是不想學呀 哪裡看到我擺爛呢? 來這邊問問題代表我想學習 被砲能力不佳無所謂 至少言之有物 有方向
作者: Lleytonhewit (Hewitt)   2018-03-12 23:17:00
基本中的基本不會還不能讓別人說呢 這態度看來也就不意外惹
作者: G4321 (小胖囉)   2018-03-12 23:17:00
拜託別再針對我個人亂扣任何的帽子 真的受夠這種亂帶風向
作者: lazarus1121 (...)   2018-03-12 23:18:00
一年前不是就說要學JSON嗎 怎麼現在還不熟= =
作者: G4321 (小胖囉)   2018-03-12 23:18:00
請問一下 Lleytonhewit 我有不讓其他人說嗎?
作者: vi000246 (Vi)   2018-03-12 23:19:00
要會用map forEach filter迴圈的觀念也要好啊
作者: G4321 (小胖囉)   2018-03-12 23:21:00
我不是說我未來要學json 之前的時間我是去學ui/ux呀我澄清一下 我沒有說我不想給人砲 只是我覺得來這邊發問人家有問 我回答他 為何之前沒有用到for迴圈 就這樣而已然後就莫名其妙被人家扣上態度有問題 沒必要咄咄逼人吧
作者: lazarus1121 (...)   2018-03-12 23:26:00
沒扣帽子吧 我只是好奇這篇跟2016年那篇差在哪
作者: vuejs   2018-03-12 23:28:00
JSON是格式而已要學多久.... 是不是十年後才會碰我
作者: G4321 (小胖囉)   2018-03-12 23:30:00
差別在哪 差別在於我後來發現前端設計師其實就是網頁設計師根本差不多的工作內容 只是職稱不同 但前端"工程"師 就完全不一樣的工作性質 也是完全不一樣的領域
作者: lazarus1121 (...)   2018-03-12 23:35:00
2年前的建議應該不是要你當什麼前端設計師吧= =
作者: G4321 (小胖囉)   2018-03-12 23:36:00
總之 還是謝謝有給建議的大大 我的確被JQ綁死 因為太方便了JQ的功能就是直覺式的 簡短的程式就可以達到效果 看API即可借原文詢問一下各位大大 我之前看我們後端工程師 大多數都是用原生js來寫 他們不用JQ 覺得不習慣 想問一下原因是因為優化不夠 還是自尊心不允許碰jq呢 因為我發現蠻多工程師都蠻討厭JQ的
作者: yuanchen1103 (Yuan)   2018-03-12 23:56:00
你問這個問題 都已經資策會結束 也做了好一陣子 我覺得你根本沒有搞懂一個網站的架構 前後端是什麼 我看你還是往設計做比較ok
作者: G4321 (小胖囉)   2018-03-13 00:04:00
謝謝樓上及其他人的建議
作者: akira01 (小吉)   2018-03-13 00:38:00
jquery已算前端必須會的基本lib了
作者: sky75217 (瑞比特)   2018-03-13 10:43:00
感覺你所說 "我之前看我們後端工程師" 的這段話開始他應該也是前端,只是對你來說是你是把 ui 刻出來,他來寫邏輯、抓資料,你想往純前端的話把原生 JavaScript學好,再往框架 React Vue 走,再學一下 Node 寫 API自己架出一個網頁就再往這些去專精,現在都前後端分離了不知道你之前待的公司是不是以前的那種前端寫完給後端寫你可以 Google 前後端分離,或 https://goo.gl/uUALz5這篇是之前免費教學 huli 大大寫的,很清楚,看完你應該會比較知道路怎麼走。
作者: cominlin (DiawCat)   2018-03-13 11:18:00
bootstrap是後端工程師寫後台管理系統在用的前端用那個就代表你不及格
作者: bndan (seed)   2018-03-13 13:17:00
用不用jquery不是自尊的問題.是有沒有必要的問題 = = 當已經開始使用整套JS framework以後..再納入jquery有可能會產生成本>方便的情況.所以"依靠"jquery是不行的 因為選擇面會縮小...在教學新手用jquery也不是讓學習者跳過基礎js.基本上如果新手沒有程式基底 那通常玩一下jquery提升自信後 就會開始用JS教大一程式基礎了(最基本的迴圈到遞迴 其他項目因人而異)另外..很抱歉吐你嘈 學太快(X) 不夠扎實完備(O) 這差很大個人教學外行進內行第一要務 用JS考難題徹底拆了學生的自尊以確立學生沒有自以為萬中選一的心態..並且在徹底的洗臉後知道自己是一般人還是願意拿出覺悟"認真努力" 這樣才有教起來的可能...
作者: remmurds (Stronghold)   2018-03-13 19:17:00
cominlin聽你在鬼扯 要不要看github和leetcode
作者: cokellen (cokellen)   2018-03-13 22:06:00
前年面試一家資本額4億的電商,他們前端只用jQuery
作者: netburst (133 134 592)   2018-03-14 00:34:00
bt很多網路上的強服務都馬在用 重點還是內容能快速build好服務 誰管你用啥啊....
作者: ACMANIAC (請肥宅救救肥宅)   2018-03-14 03:25:00
PC家 資本額11億,嗯...
作者: remmurds (Stronghold)   2018-03-14 13:31:00
大概只有spa魔人才會嫌jQuery吧那種什麼都要做成SPA的前端魔人真的很可怕
作者: Beersheep (一心不乱)   2018-03-14 13:53:00
jQuery 很好用r
作者: netburst (133 134 592)   2018-03-14 14:56:00
JQUERY就工具包 要做SPA也可以啊
作者: spjay1 (Josh)   2018-03-15 11:19:00
露天都用 vue 惹
作者: bndan (seed)   2018-03-15 14:47:00
...= =a 我本身偏spa 但我還蠻常用jquery喔...但這類不選用任一種JS framework的堅走原生js的畢竟是少數喔...對這條路的來說加不加jquery很隨意的 沒啥成本 但是對已選擇任一JSframework的來說 jquery的成本考量就不是這麼隨意了...

Links booklink

Contact Us: admin [ a t ] ucptt.com