受大安高工資訊科楊敏男主任邀約，回母校與學弟妹分享業界所見所聞，並期許學弟妹們善用工具，積極充實接下來的大學生活。

1. 軟體工程師的3大試煉
KKBOX 工程師 & 大安高工資訊科(老)校友
Bobo Chen (陳柏宏)

2. 前言
● 學號006125 (竟然還記得耶!..)
● 長年選手，每學期公假請了1百多堂，都宅在科
辦、計概教室 (宅宅)
● 資訊遊學團參訪新加坡、香港
● 推甄上台科大資工，但跑去北科大光電工程
系，找到終生伴侶 :)

3. 前言.. 話當年
● VB6.0、CGI、ASP3.0
● 8051單晶片、組合語言
● FrontPage2000、Dreamweaver MX
● Flash

4. 前言.. 話當年
● VB6.0、CGI、ASP3.0
● 8051單晶片、組合語言
● FrontPage2000、Dreamweaver MX
● Flash
ALL OUT OF DATE !!

5. 主任說：
來和學弟妹分享一下
軟體工程師的”必備技能”

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

7. 軟體工程師必備技能？
Microsoft Office 嗎？

8. 軟體工程師必備技能？

9. Always Learning
＆
自主學習

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

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

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

14. KKBOX 風雲榜 @台北小巨蛋

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

16. 軟體工程師的3大試煉
1. 資訊收集整理技能
2. 團隊合作
3. 擁抱社群

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

18. 二.團隊合作
● Git 在平行時空一起開發
● GitHub 程式碼大觀園
● Markdown 語法

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

20. 有更好的工具或方法也歡迎提出~
經驗分享
啟發大於教學

21. 有任何問題請隨時舉手發問~
今天輕鬆點~ ^_^

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

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

24. Feedly 偷看前輩的筆記
● 深度追蹤你所關注的領域
● 應用小技巧
● 有Chrome Extension、Mobile App
● Try it：各位同學找個主題來測試看看(eg.科
技、動漫、藝人、技術)

25. Evernote 你的資訊大腦
● 寫下來就不會忘記
● 經驗筆記、網頁剪輯
● 善用 tag+搜尋
● 將紙本數位化，善用圖片內文字辨識(拍
家中一堆課本，不易攜帶、無法快速檢
索)
● 任務管理 TODO Lists.

26. Evernote 你的資訊大腦
● 應用心得與技巧：電腦玩物、Evernote
超效率數位筆記術
● Try it：Web、本機安裝
● 強烈建議：將接下來大學的上課筆記、靈
感與想法通通往此丟，搜尋萬萬歲。

27. Gist、GistBox 管理程式碼片段
● 程式碼片段小倉庫
● 搭配工具快速存取
● 用過哪些編輯器？

28. Google 快訊 掌握網路新鮮事
● 訂閱網路關鍵字
● Google 幫你蒐集相關資訊
● 新聞/網頁

29. Google Trend 主流技術趨勢評估的好工具
● 考慮熱門地區，語系
● 評估小技巧
● Try it：品牌、關鍵字多組對照式評估。

30. 二.團隊合作
● Git 在平行時空一起開發
● GitHub 程式碼大觀園
● Markdown 語法

31. Git 在平行時空一起開發
● 版本管理概念
● 如何讓300個人修改同一份檔案會...||
● 連猴子都能懂的Git入門指南
● Pro Git book

32. 傳統版本管理方式
● 檔名修改法？
● 資料夾複製法？
● 還是使用 Dropbox、Google Drive..等？
● 討論以上方法會遇到的問題

33. 使用Git版本管理的優點
● 可以隨時復原到過去的版本(存擋點)
● 多人協作時不會覆蓋到別人的檔案
● 可以保留修改記錄，知道每個人的程式
更動(可code review)
● 軟體發行時，分出開發版與維護版
● 實際動手試試看(try git 線上練習)

34. GitHub 程式碼大觀園
● 程式設計師的 Facebook
● 天下第一武道會!?
○ Top Php GitHub developers in Taiwan
● 熱門PHP專案排行榜

35. Markdown 語法
● 好讀好寫
● http://markdown.tw/
● 和 HTML 做個比較
● https://stackedit.io
● Gist 練習

36. 三.擁抱社群
● Open source 改變世界、改變你我
● 從社群中學習
● Web 技術近況與展望

37. 擁抱社群
● 世界一流高手交流(不再只是學校
的同學或老師、而是全世界)
● 獲得讚美/給予讚美
● 不同觀點，欣賞各種解決方法
● 施比受更有福

38. Where
● GitHub
● Facebook group、Google+、
Twitter
● Stackoverflow
● Slack
● Ptt、Reddit

39. Web 技術近況與展望
● web developer skill tree
● HTML、JavaScript、CSS
● Server side programming(PHP、
Ruby、Node.js...等)
● Database

40. Web 技術近況與展望
● Full stack engineer
● SPA(single page application)
● Isomorphic JavaScript

41. Web 技術近況與展望
● Electron 開發 desktop apps
● React Native
● PhoneGap (Cordova)

42. Web 技術線上學習
● http://www.w3schools.com/
● https://www.udemy.com
● http://tutsplus.com
● http://www.lynda.com
● http://www.imooc.com
● https://www.codeschool.com

43. 線上講義尋寶
● http://www.slideshare.net
● https://speakerdeck.com
● http://slides.com/
● https://www.gitbook.com

44. 年輕人有無限的可能

45. 擇其所愛，愛其所擇

46. Thank you.
歡迎和我聯絡：
https://www.facebook.com/bobo52310
https://github.com/bobo52310