SlideShare ist ein Scribd-Unternehmen logo
1 von 51
Downloaden Sie, um offline zu lesen
前端⼯工程師

扣迪”⼈人”⽣生
⼤大家好,我是羅拉拉
⼀一名⼈人⽣生⼀一轉⼆二轉三轉的前端⼯工程師
讓我們聊聊⼈人⽣生
個⼈人簡介
• 中壢⾼高商 會計系
• ⾼高雄第⼀一科技⼤大學

資訊管理系畢業
• 在學校作過⾏行政助教:1~2年
• 轉職作網⾴頁設計師:2~3年
• 轉職作前端⼯工程師:3~4年
• 在東森信息科技擔任資深前端⼯工程師(⺫⽬目前
負責⼀一部份的開發架構規劃)
• 擅⻑⾧長的技術及⼯工具有:css、html、
javascript、.net mvc、node.js、vue.js、
angular.js、react.js、gulp、git、
webGL、mediaAPI、canvas、svg、FB
API…etc
粉多任務
作品簡介
⾏行銷專案- 直接或間接參加執⾏行
負責包含 特效 前端操作流程 切版(js、css、html) 以及伺服器資料串接(c# net MVC)
多媒體互動
前端多媒體相關、動態相關、繪圖及互動
⾃自⼰己的興趣⼩小專案
⾃自我挑戰
轉職之路
的
某場駭客松
參加獎 XD

但對我來說意義⾮非凡的⼀一場
痞客邦鐵⼈人賽
⼀一個連續三⼗十天寫技術⽂文章的⽐比賽

佳作
唯⼀一的⼥女⽣生 XD
⽣生活上的我
以上是⾝身為前端⼯工程師的我

現在來談談
貓奴的曬主⼦子時間
⼯工作與⽣生活
• 我⾮非常喜歡我的⼯工作
• 我⾮非常認真的⼯工作,以便能趕
快下班去⽣生活。
• 我的⼯工作符合我的⼈人⽣生價值觀,
因為我喜歡有質感,不僅僅是
外觀,⽽而且能真實解決問題的
東⻄西。
• 我在⼯工作中⽣生活
• 我⾮非常喜歡我的⽣生活
• 我的⽣生活需要⼯工作的物質提供
• 我喜歡學習,學習如果能增加
我⼯工作的質量,讓我能有更好
的待遇或是更多的⽣生活時間,
即使是下班學習也是⾮非常值得
的。
• 我在⽣生活中⼯工作
我是這樣想的
什麼是Web前端⼯工程師
接著來談談
我的⼯工作
⼀一⾔言以蔽之
看得⾒見的/點得到的都歸你管
然⽽而在資訊發達,什麼都要放到網路上的這個現代
這就是苦逼的開始.....
但我不打算說太多
所以我字打很⼩小
以前怎麼作Web應⽤用
引⽤用出處:https://www.slideshare.net/kurotanshi/ss-45509764?next_slideshow=1
現在怎麼作Web應⽤用
引⽤用出處:https://www.slideshare.net/kurotanshi/ss-45509764?next_slideshow=1
開發流程微觀的
https://75team.com/post/to-be-a-good-frontend-engineer.html
參考出處:https://www.slideshare.net/lis186/20130112webconf
開發流程宏觀的
前端⼯工程師
的技能樹

正是因應⽽而⽣生
參考出處:https://
www.flickr.com/
photos/mygoare/
6165675554/sizes/o/
in/photostream/
誰適合作前端⼯工程師?
Q: 誰適合做⼯工程師?
A:喜歡解決問題
不如先來談談
訪問多位⼯工程師後⽐比較⼀一致的想法
分析/修正問題的起因,擬定解決⽅方案,實作 ,驗收結果並調整
與後端⼯工程師⽐比較
• 需要⽐比較快的

學習速度
• open-minded
• 同理⼼心
• 細⼼心及耐⼼心
• 想像⼒力
• 要有品味
圖⽚片出處
然⽽而?
• ⼀一開始⼯工作的其中⼀一部份,別
⼈人覺得很痛苦,⽽而你覺得沒什
麼,甚⾄至樂在其中,我覺得這
份⼯工作你已經算是適合了。
• 當你在該專業領域要往上⼀一層
的時後,⼤大家始終會遇到不擅
⻑⾧長的事物,我們稱之為瓶頸。
• 使⽤用你「解決問題」的精神,
克服它們。
前端近況
分享⼀一些我所知道的
⾏行銷專案公司
• 較少的時間( 我⾯面臨的開發周期三天⾄至⼗十天 ):沒時間玩政治
• 炸彈超⼈人:能快速培養解決問題的能⼒力
• 彈性⼤大:想像⼒力就是你的超能⼒力
• 新⼈人的修鍊場
• 組織較平:可以跟不同領域的⼈人直接合作,甚⾄至⾯面對⽼老闆/業主
• 能在專案中直接實驗新技術(我都是這麼幹的)
• ⾼高互動性的網⾴頁介⾯面,能實作有趣的需求
• 能學到很多不同的⼯工具(缺點是沒時間學精)
我遇到的
產品公司
• 時間資源多:上班時可以學習跟⼯工作以外的技術,也
有讀書分享會。
• 在迷霧中前⾏行:為了不讓⼤大家迷路,架構⾯面要求較⾼高
• 技術選擇上故慮多:新⼈人可能⽐比較不能體會,因此覺
得綁⼿手綁腳。
• 根據產品及組織的不同,差異很⼤大,要避免⾃自⼰己掉⼊入
⼀一定要如何作的思維。
• ⾃自我要求⾼高才容易成⻑⾧長,因為核⼼心前輩會拿去作,所
以要主動學習。
我遇到的
易學難精
前端的困境
• 由於需求的量⼤大,因此⼯工
具很多,⼊入⾨門快速。
• 但也因為⼯工具多,要熟練
的駕馭它們,有很多基礎
知識需要熟練。
記得打好基礎
冏 請專⼼心
未來發展
http://www.jianshu.com/p/edaf1e69d2da
前端
全端
跨平台
web/android/ios
前端的⾃自我修養
態度

⾼高。冷。艷?!
• ⾼高:對成品要求⾼高,需求
來了不是照作。
• 冷:冷靜處理問題。
• 艷:令⾃自⼰己有讓別⼈人想親
近的吸引⼒力
由於常常需要跨團隊的溝通(所謂成事在⼈人),適度保持對⼈人的熱情
有時你有理是不夠的
請經營⾃自⼰己的形象,展些除了技術外讓⼈人覺得有趣的⼀一⾯面
⽣生涯規劃
給新⼈人的建議
給⾃自⼰己⼀一個地圖,⼀一段時間,專⼼心的⾛走⼀一陣⼦子,每⼀一段時間回來檢視
⼯工具 ⼼心智圖
• ⽅方便調整:無視變化的計劃沒有意義,使⽤用⼼心智圖以
便隨時檢視及調整現況。
• 參考別⼈人是好事:但記得每個⼈人⽣生價值觀不⼀一樣,避
免被⼈人影響。
「我們都想成為理想中的⾃自⼰己,
但要先學會看清楚⾃自⼰己能⼒力,以及真正要的是什麼東⻄西。」
⾃自我學習的規劃
再次強調我看重的是
⽣生活/ 學習/⼯工作/健康的平衡
好急、好慌、好害怕
?!!!!!!
當我開始規劃我要學的東⻄西,我就
萎了:
「前輩這麼強,⽽而且他還不停進步,我就
算下班拼命學,感覺也追不上。」
「有這麼多東⻄西要學,到底學哪⼀一
個????」
「雖然學程式很快樂,但休息時間沒在學
習程式,我就有罪惡感,漸漸喪失熱情」
不瞞各位,恐慌的我⼀一度失眠
莫急、莫慌、莫害怕
「前輩這麼強,⽽而且他還不停進步,我就算下班拼命學,感覺也追不上。」
• 對⼿手是⾃自⼰己,請跟⾃自⼰己⽐比較。
• 量化學習速度,安排進度。
「有這麼多東⻄西要學,到底學哪⼀一個????」
• 量化重要度跟該技能的CP值
• 基礎⽐比什麼都還重要,然⽽而⽣生為⼀一個員⼯工,拿了⽼老闆薪⽔水,產能也很重要。
「雖然學程式很快樂,但休息時間沒在學習程式,我就罪惡感,漸漸喪失熱情」
• 適度安插⼀一些單純興趣想學的東⻄西,保持學習熱情:ex 畫畫、重訓
使⽤用trello規畫學習
https://trello.com/
怎麼⾯面對選困
先列出三個⽉月內的計畫
並加上時間跟重要度
依序篩選
鐵⼈人賽>減肥
介⾯面/視覺的
美學修養
品味很重要,不想說三次
只需能分清楚好與壞,不是要你成為視覺設計專家
https://chrome.google.com/webstore/detail/muzli-2-stay-
inspired/glcipcfhmopcgidicgdociohdoicpdfc?hl=zh-TW
多看看,就有感覺了
推荐APP:muzli,已整合更⼤大有名的設計/介⾯面平台,可預
設為chrome的⾸首⾴頁
推荐書籍
這裡就不推荐技術書了
讀書也是⼀一種技能
別被左右腦
的成⾒見給左右了
最終我們其實沒辦法
控制⾃自⼰己的思想
只能選擇去相信什麼
所謂的⾃自由
就是被別⼈人討厭。
開發故事分享
「為了成事的⼈人,不怕被⿊黑掉。」
「不是最重要的,不代表不重要。」
「解決問題的⼯工具,不是只有技術。」
信念
雖然很俗套,但⼈人⽣生是場⾺馬拉松
你會需要⼀一些⾮非物質的精神⽀支柱
有時後別⼈人會⽤用他的價值觀來打擊你,請記得你的初衷
並且尊重別⼈人的價值觀
我的信念
⼦子路問於孔⼦子⽈曰:「君⼦子亦有憂乎?」⼦子⽈曰:「無也。君⼦子之
修⾏行也,其未得之,則樂其意;既得之,⼜又樂其治。是以有終⾝身
之樂,無⼀一⽇日之憂。⼩小⼈人則不然,其未得也,患弗得之;既得
之,⼜又恐失之,是以有終⾝身之憂,無⼀一⽇日之樂也。」
⾃自得之則居之安,居之 安則資之深,資之深則取之左右逢其
源。 by 孟⼦子
你要⾮非常努⼒力,才能看起來耗不費⼒力。
不妨把⼀一些你認同的價值觀放在看得到的地⽅方
End
email:laura.luo0812@gmail.com
facebook 羅拉拉

Weitere ähnliche Inhalte

Ähnlich wie 不為人知的前端人生

微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势
微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势
微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势damacheng2
 
聯合報新媒體徵「工程師」
聯合報新媒體徵「工程師」聯合報新媒體徵「工程師」
聯合報新媒體徵「工程師」Viola Tsai
 
新员工引导手册
新员工引导手册新员工引导手册
新员工引导手册lee xueming
 
新员工引导手册
新员工引导手册新员工引导手册
新员工引导手册lee xueming
 
從內向工程師到RD主管的軟實力
從內向工程師到RD主管的軟實力從內向工程師到RD主管的軟實力
從內向工程師到RD主管的軟實力Wen Hsu
 
web-frontend-overview
web-frontend-overviewweb-frontend-overview
web-frontend-overviewotakustay
 
Lu can code / Project ET - 學習編程,改善社會
Lu can code / Project ET - 學習編程,改善社會 Lu can code / Project ET - 學習編程,改善社會
Lu can code / Project ET - 學習編程,改善社會 Lu Chen Pin
 
網路行銷之郵政商城應用報告
網路行銷之郵政商城應用報告網路行銷之郵政商城應用報告
網路行銷之郵政商城應用報告harris tsao
 
初探工程師升級手冊 2022
初探工程師升級手冊 2022初探工程師升級手冊 2022
初探工程師升級手冊 2022Caesar Chi
 
【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志
【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志
【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志MAKERPRO.cc
 
軟體專案管理與開源精神
軟體專案管理與開源精神軟體專案管理與開源精神
軟體專案管理與開源精神承澤 林
 
快速打造個人化綠能色聯網(Green IoT)
快速打造個人化綠能色聯網(Green IoT)快速打造個人化綠能色聯網(Green IoT)
快速打造個人化綠能色聯網(Green IoT)Dofi Lab
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享Justin Lee
 
[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師
[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師
[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師悠識學院
 
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?棋文 鄭
 
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019Simon LIN
 
邁向A+,談專案經理的跨界能力
邁向A+,談專案經理的跨界能力邁向A+,談專案經理的跨界能力
邁向A+,談專案經理的跨界能力gipi
 
Let’s build an User-Centered Team | 張朝智
Let’s build an User-Centered Team | 張朝智Let’s build an User-Centered Team | 張朝智
Let’s build an User-Centered Team | 張朝智AgileTour@TW
 

Ähnlich wie 不為人知的前端人生 (20)

微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势
微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势
微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势, 微服务眼中持续交付的最佳姿势
 
聯合報新媒體徵「工程師」
聯合報新媒體徵「工程師」聯合報新媒體徵「工程師」
聯合報新媒體徵「工程師」
 
新员工引导手册
新员工引导手册新员工引导手册
新员工引导手册
 
新员工引导手册
新员工引导手册新员工引导手册
新员工引导手册
 
從內向工程師到RD主管的軟實力
從內向工程師到RD主管的軟實力從內向工程師到RD主管的軟實力
從內向工程師到RD主管的軟實力
 
吳明展的履歷表 My Resume 2009 (pdf)
吳明展的履歷表 My Resume 2009 (pdf)吳明展的履歷表 My Resume 2009 (pdf)
吳明展的履歷表 My Resume 2009 (pdf)
 
web-frontend-overview
web-frontend-overviewweb-frontend-overview
web-frontend-overview
 
Lu can code / Project ET - 學習編程,改善社會
Lu can code / Project ET - 學習編程,改善社會 Lu can code / Project ET - 學習編程,改善社會
Lu can code / Project ET - 學習編程,改善社會
 
網路行銷之郵政商城應用報告
網路行銷之郵政商城應用報告網路行銷之郵政商城應用報告
網路行銷之郵政商城應用報告
 
初探工程師升級手冊 2022
初探工程師升級手冊 2022初探工程師升級手冊 2022
初探工程師升級手冊 2022
 
【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志
【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志
【1110ROS社群開講】實務經驗分享,初階也能快速上手!_林威志
 
軟體專案管理與開源精神
軟體專案管理與開源精神軟體專案管理與開源精神
軟體專案管理與開源精神
 
FrankieResumeZH
FrankieResumeZHFrankieResumeZH
FrankieResumeZH
 
快速打造個人化綠能色聯網(Green IoT)
快速打造個人化綠能色聯網(Green IoT)快速打造個人化綠能色聯網(Green IoT)
快速打造個人化綠能色聯網(Green IoT)
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
 
[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師
[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師
[ MIX 2017 ] 創新設計從溝通開始 – 關於「研究溝通」及「設計溝通」 - 蔡明哲 / 悠識數位 首席體驗架構師
 
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
2020DDDTW-如何逐步導入敏捷精神,創造願意接受失敗的開發團隊?
 
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
 
邁向A+,談專案經理的跨界能力
邁向A+,談專案經理的跨界能力邁向A+,談專案經理的跨界能力
邁向A+,談專案經理的跨界能力
 
Let’s build an User-Centered Team | 張朝智
Let’s build an User-Centered Team | 張朝智Let’s build an User-Centered Team | 張朝智
Let’s build an User-Centered Team | 張朝智
 

不為人知的前端人生