自學 | Self Study _v 0.2.2 | 前端工程師 (Front-End developers) 初探

上大學前, 我是個只會用電腦玩玩電動的屁孩, 對於能運用電腦去做些什麼, 根本一竅不通, 沒有概念, 那時候喜歡寫字, 作文, 寫詩, 感覺充滿了文藝氣息, 那時候還不相信怎麼會用電腦用到不會寫字, 但 現在懂了......

電腦, 網際網路, 手機...... 讓資訊快速地流通, 資訊變得 多, 雜, "快"! 變化的速度加快, 我們要以怎樣態度來面對呢?

引用 廖世偉 老師在某個 Blockchain talk的佳句來註解 :

聚焦在無限小的點：單點突破．快速複製

小步快跑，加速迭代（跌倒）

就跟前個學期 資策會創研所副所長 洪毓祥老師所耳提面命的: (意思大概如下)

只有不斷的嘗試失敗, 才有機會趨近於那個機率渺茫的成功機會

而我計畫嘗試"工程師"的這條路上, 工具的變化也是相當迅速, 下面整理一些資訊分享!

*關於工程師

根據 鄭仲鈞(Sean Cheng) 前輩在Blog上分享的資料, 工程師大致上可以區分成三種 : 

1. 寫程式的人(Coder、Employee、Worker)
2. 有目標而寫程式的人(Hacker、Doer、Entrepreneur)
3. 熱愛程式本身的人(Architect、Theorists、Change Maker、Geek)

在 ALPHA camp 的Blog中也有一篇文章 "轉職成軟體工程師前你該考慮的三件事", 下面簡單註記:

1. 工程師都在做些什麼?
   1. 跟其他工程師討論
   2. 撰寫程式
   3. 除錯
   4. 跟使用者溝通
2. 媒體宣揚的好處不過是種迷思
   1. 薪水超高?
   2. 出國工作?
   3. 轉職後就海闊天空?
3. 你對寫成是真的有愛嗎?

針對上面的問題, 自我評估, 我還只是的Coder, 目標尚未明確, 會選擇這條路, 也只是剛好大學有接觸到程式設計, 剛好學起來比同學厲害些, 有成就感些, 聽老師說出路不錯, 也就順其自然地朝著這個方向去做, 至於不是本科系的朋友, 想轉職成工程師也不是不可能, 就我遇到厲害的專家, 也有不少不是本科系的(Ex：觀光系、經濟系等等)

而近期我會萌生朝 前端發展的種子, 不外乎是覺得視覺效果很炫, 不斷推陳出新, 感覺任何視覺特效都可以刻出來, 很酷!!!

再來大概就是大學畢業專題發表時, 副校長對於我專題系統的評語了, 

"這畫面可能要去給設計系的設計一下!"

(雖然真的是不怎麼樣的介面, 但不得不說, 不單單是他, 我也是, 對於第一眼看到事物的外表, 介面, 是有相當大的影響力的, 剛好 @sweetsssj 在文章 Fine feathers make fine birds 也有提到類似的現象, 值得思考)

*關於前端工程師 (Front-End developers)

根據 "DITLTALK-前端工程師所應具備的能力為何？" 這篇文章中 謝舒婷小姐Talk的紀錄如下:

1. 會純的HTML、CSS、JavaScript，至少熟悉一套JS Framework
2. 能解決跨瀏覽器的問題
3. 至少瞭解一種後端程式
4. 對UX領域保持熱誠
5. 積極吸收最新資訊

除了上面基礎條件外, 還有其他幾項

1. 各種框架Framework的應用
2. 注重安全性及效能
3. 瞭解W3C的網頁結構規範

個人特質培養

1. 溝通的技巧
2. 團隊開發的能力
3. 互動設計
4. 易用性

*列舉一些 Front-End Developers Taiwan 網站上徵才的資訊：(Github)

1. Cepave.com 香港商翱鶚股份有限公司
2. 幫你優 BoniO
3. InQ
4. 25sprout

需具備能力的範例

• 基本使用 Git 能力
• 熟悉 HTML5 、CSS3、ES6+ 語法
• 使用過 React.js
• Flux/Redux or 任何與React搭配的state management
• SASS or postCSS
• 不依賴css framework切版的能力
• Responsive Web Design 網站製作經驗
• jQuery 使用經驗
• Webpack使用/設定經驗
• 熟悉前端測試
• 對後端有一定了解，Ruby on Rails尤佳
• 瞭解scrum流程
• 具備 RESTful API 介接經驗

*註記其他中意的公司

1. Hahow
2. 五倍紅寶石
3. VoiceTube

*學習資源 (Search 到好多, 得花時間消化消化)

1. 送给你的100篇前端技术好文
2. 有关 @wesbos 的课程 JavaScript-30 的中文练习指南
3.  PJCHENder愛分享-[筆記] JS30系列：監聽按鍵事件及撥放音效（Day1）
4. 【全端工程師解密】2016 年度 JavaScript 潮流：請徹底拋棄 jQuery
5. 轉載-前端設計師/工程師的職缺要如何寫?
6. [前端連載] 買早餐也能了解前端 vs 後端？
7. Hahow- 前端網頁設計入門
8. Frontend Resource Intergration and Sharing - Modern Web 2016 review
9. 30 天打造 MERN Stack Boilerplate系列
10.  Front-End Developers Taiwan Facebook
11. 我要成為前端工程師！給 JavaScript 新手的建議與學習資源整理
12. 如何成為前端工程師？
13. [譯]為什麼我們找不到前端工程師？
14. 我的前端工程師之路：找工作
15. 沒一村Blog前端連載
16. 如何成為新創公司渴求的 UI 設計師？
17. 30 天精通 RxJS
18. Vue.js
19. 一看就懂的 React ES5、ES6+ 常見用法對照表
20. Resource Cards
21. Ruby on Rails 實戰聖經
22. Front-end design & Front-end developer
23. CSS Coke - CSS可樂 (Lee Amos)
24. A Study Plan To Cure JavaScript Fatigue
25. Progressive Web App 會是未來趨勢嗎？
26. 30 天 Progressive Web App 學習筆記

......TBC