軟體工程師的3大試煉-大安高工資訊科講座

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

Transcript

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