軟體工程師的3大試煉

KKBOX 工程師 & 大安高工資訊科(老)校友Bobo Chen (陳柏宏)

前言

● 學號006125 (竟然還記得耶!..)● 長年選手，每學期公假請了1百多堂，都宅在科

辦、計概教室 (宅宅)● 資訊遊學團參訪新加坡、香港

● 推甄上台科大資工，但跑去北科大光電工程

系，找到終生伴侶 :)

前言.. 話當年

● VB6.0、CGI、ASP3.0● 8051單晶片、組合語言

● FrontPage2000、Dreamweaver MX● Flash

前言.. 話當年

● VB6.0、CGI、ASP3.0● 8051單晶片、組合語言

● FrontPage2000、Dreamweaver MX● Flash

ALL OUT OF DATE !!

主任說：

來和學弟妹分享一下

軟體工程師的”必備技能”

什麼是軟體工程師必備技能？這個題目困擾了我好幾天@__@

軟體工程師必備技能？

Microsoft Office 嗎？

軟體工程師必備技能？

Always Learning＆

自主學習

軟體工程師的工作環境http://goo.gl/hb9Ce1

豐盛下午茶 / 早餐、水果盒

All you can eat! I turn Coffee into code...

KKBOX 風雲榜 @台北小巨蛋

講個秘密：進公司的前五個月，胖了5kg...

軟體工程師的3大試煉

1. 資訊收集整理技能2. 團隊合作3. 擁抱社群

一.資訊收集整理技能

● Feedly 偷看前輩的筆記● Evernote 你的資訊大腦● Gist、GistBox 管理程式碼片段● Google 快訊 掌握網路新鮮事 ● Google Trend 主流技術趨勢評估的好工具

二.團隊合作

● Git 在平行時空一起開發● GitHub 程式碼大觀園● Markdown 語法

三.擁抱社群

● Open source 改變世界、改變你我● 如何在社群中學習成長● Web 技術近況與展望

有更好的工具或方法也歡迎提出~

經驗分享

啟發大於教學

有任何問題請隨時舉手發問~

今天輕鬆點~ ^_^

一.資訊收集整理技能● Feedly 偷看前輩的筆記● Evernote 你的資訊大腦● Gist、GistBox 管理程式碼片段● Google 快訊 掌握網路新鮮事 ● Google Trend 主流技術趨勢評估

的好工具

Feedly 偷看前輩的筆記

一種 RSS 訂閱器服務，可追蹤特定網站，當網站有新的文章時，會主動將內容，像是報紙一樣每天定時將新聞送到你家，甚至是可以決定要關注哪些主題。

Feedly 偷看前輩的筆記

● 深度追蹤你所關注的領域

● 應用小技巧

● 有Chrome Extension、Mobile App● Try it：各位同學找個主題來測試看看(eg.科

技、動漫、藝人、技術)

Evernote 你的資訊大腦

● 寫下來就不會忘記

● 經驗筆記、網頁剪輯

● 善用 tag+搜尋

● 將紙本數位化，善用圖片內文字辨識(拍家中一堆課本，不易攜帶、無法快速檢

索)● 任務管理 TODO Lists.

Evernote 你的資訊大腦

● 應用心得與技巧：電腦玩物、Evernote 超效率數位筆記術

● Try it：Web、本機安裝

● 強烈建議：將接下來大學的上課筆記、靈

感與想法通通往此丟，搜尋萬萬歲。

Gist、GistBox 管理程式碼片段

● 程式碼片段小倉庫

● 搭配工具快速存取

● 用過哪些編輯器？

Google 快訊 掌握網路新鮮事

● 訂閱網路關鍵字

● Google 幫你蒐集相關資訊

● 新聞/網頁

Google Trend 主流技術趨勢評估的好工具

● 考慮熱門地區，語系

● 評估小技巧

● Try it：品牌、關鍵字多組對照式評估。

二.團隊合作● Git 在平行時空一起開發

● GitHub 程式碼大觀園

● Markdown 語法

Git 在平行時空一起開發

● 版本管理概念

● 如何讓300個人修改同一份檔案會...||● 連猴子都能懂的Git入門指南

● Pro Git book

傳統版本管理方式

● 檔名修改法？

● 資料夾複製法？

● 還是使用 Dropbox、Google Drive..等？ ● 討論以上方法會遇到的問題

使用Git版本管理的優點

● 可以隨時復原到過去的版本(存擋點)● 多人協作時不會覆蓋到別人的檔案

● 可以保留修改記錄，知道每個人的程式

更動(可code review)● 軟體發行時，分出開發版與維護版

● 實際動手試試看(try git 線上練習)

GitHub 程式碼大觀園

● 程式設計師的 Facebook● 天下第一武道會!?

○ Top Php GitHub developers in Taiwan● 熱門PHP專案排行榜

Markdown 語法

● 好讀好寫

● http://markdown.tw/● 和 HTML 做個比較

● https://stackedit.io● Gist 練習

三.擁抱社群● Open source 改變世界、改變你我

● 從社群中學習

● Web 技術近況與展望

擁抱社群

● 世界一流高手交流(不再只是學校

的同學或老師、而是全世界)● 獲得讚美/給予讚美

● 不同觀點，欣賞各種解決方法

● 施比受更有福

Where

● GitHub● Facebook group、Google+、

Twitter● Stackoverflow● Slack ● Ptt、Reddit

Web 技術近況與展望

● web developer skill tree● HTML、JavaScript、CSS● Server side programming(PHP、

Ruby、Node.js...等) ● Database

Web 技術近況與展望

● Full stack engineer● SPA(single page application)● Isomorphic JavaScript

Web 技術近況與展望

● Electron 開發 desktop apps● React Native● PhoneGap (Cordova)

Web 技術線上學習

● http://www.w3schools.com/● https://www.udemy.com● http://tutsplus.com● http://www.lynda.com● http://www.imooc.com● https://www.codeschool.com

線上講義尋寶

● http://www.slideshare.net● https://speakerdeck.com● http://slides.com/● https://www.gitbook.com

年輕人有無限的可能

擇其所愛，愛其所擇

Thank you.歡迎和我聯絡：

https://www.facebook.com/bobo52310https://github.com/bobo52310