Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
軟體工程師的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 gi...
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.i...
線上講義尋寶
● http://www.slideshare.net
● https://speakerdeck.com
● http://slides.com/
● https://www.gitbook.com
年輕人有無限的可能
擇其所愛,愛其所擇
Thank you.
歡迎和我聯絡:
https://www.facebook.com/bobo52310
https://github.com/bobo52310
軟體工程師的3大試煉-大安高工資訊科講座
Upcoming SlideShare
Loading in …5
×

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

1,035 views

Published on

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

Published in: Education
  • Be the first to comment

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

  1. 1. 軟體工程師的3大試煉 KKBOX 工程師 & 大安高工資訊科(老)校友 Bobo Chen (陳柏宏)
  2. 2. 前言 ● 學號006125 (竟然還記得耶!..) ● 長年選手,每學期公假請了1百多堂,都宅在科 辦、計概教室 (宅宅) ● 資訊遊學團參訪新加坡、香港 ● 推甄上台科大資工,但跑去北科大光電工程 系,找到終生伴侶 :)
  3. 3. 前言.. 話當年 ● VB6.0、CGI、ASP3.0 ● 8051單晶片、組合語言 ● FrontPage2000、Dreamweaver MX ● Flash
  4. 4. 前言.. 話當年 ● VB6.0、CGI、ASP3.0 ● 8051單晶片、組合語言 ● FrontPage2000、Dreamweaver MX ● Flash ALL OUT OF DATE !!
  5. 5. 主任說: 來和學弟妹分享一下 軟體工程師的”必備技能”
  6. 6. 什麼是軟體工程師必備技能? 這個題目困擾了我好幾天@__@
  7. 7. 軟體工程師必備技能? Microsoft Office 嗎?
  8. 8. 軟體工程師必備技能?
  9. 9. Always Learning & 自主學習
  10. 10. 軟體工程師的工作環境 http://goo.gl/hb9Ce1
  11. 11. 豐盛下午茶 / 早餐、水果盒
  12. 12. All you can eat! I turn Coffee into code...
  13. 13. KKBOX 風雲榜 @台北小巨蛋
  14. 14. 講個秘密: 進公司的前五個月,胖了5kg...
  15. 15. 軟體工程師的3大試煉 1. 資訊收集整理技能 2. 團隊合作 3. 擁抱社群
  16. 16. 一.資訊收集整理技能 ● Feedly 偷看前輩的筆記 ● Evernote 你的資訊大腦 ● Gist、GistBox 管理程式碼片段 ● Google 快訊 掌握網路新鮮事 ● Google Trend 主流技術趨勢評估的好工具
  17. 17. 二.團隊合作 ● Git 在平行時空一起開發 ● GitHub 程式碼大觀園 ● Markdown 語法
  18. 18. 三.擁抱社群 ● Open source 改變世界、改變你我 ● 如何在社群中學習成長 ● Web 技術近況與展望
  19. 19. 有更好的工具或方法也歡迎提出~ 經驗分享 啟發大於教學
  20. 20. 有任何問題請隨時舉手發問~ 今天輕鬆點~ ^_^
  21. 21. 一.資訊收集整理技能 ● Feedly 偷看前輩的筆記 ● Evernote 你的資訊大腦 ● Gist、GistBox 管理程式碼片段 ● Google 快訊 掌握網路新鮮事 ● Google Trend 主流技術趨勢評估 的好工具
  22. 22. Feedly 偷看前輩的筆記 一種 RSS 訂閱器服務,可追蹤特定網站,當網站 有新的文章時,會主動將內容,像是報紙一樣每 天定時將新聞送到你家,甚至是可以決定要關注 哪些主題。
  23. 23. Feedly 偷看前輩的筆記 ● 深度追蹤你所關注的領域 ● 應用小技巧 ● 有Chrome Extension、Mobile App ● Try it:各位同學找個主題來測試看看(eg.科 技、動漫、藝人、技術)
  24. 24. Evernote 你的資訊大腦 ● 寫下來就不會忘記 ● 經驗筆記、網頁剪輯 ● 善用 tag+搜尋 ● 將紙本數位化,善用圖片內文字辨識(拍 家中一堆課本,不易攜帶、無法快速檢 索) ● 任務管理 TODO Lists.
  25. 25. Evernote 你的資訊大腦 ● 應用心得與技巧:電腦玩物、Evernote 超效率數位筆記術 ● Try it:Web、本機安裝 ● 強烈建議:將接下來大學的上課筆記、靈 感與想法通通往此丟,搜尋萬萬歲。
  26. 26. Gist、GistBox 管理程式碼片段 ● 程式碼片段小倉庫 ● 搭配工具快速存取 ● 用過哪些編輯器?
  27. 27. Google 快訊 掌握網路新鮮事 ● 訂閱網路關鍵字 ● Google 幫你蒐集相關資訊 ● 新聞/網頁
  28. 28. Google Trend 主流技術趨勢評估的好工具 ● 考慮熱門地區,語系 ● 評估小技巧 ● Try it:品牌、關鍵字多組對照式評估。
  29. 29. 二.團隊合作 ● Git 在平行時空一起開發 ● GitHub 程式碼大觀園 ● Markdown 語法
  30. 30. Git 在平行時空一起開發 ● 版本管理概念 ● 如何讓300個人修改同一份檔案會...|| ● 連猴子都能懂的Git入門指南 ● Pro Git book
  31. 31. 傳統版本管理方式 ● 檔名修改法? ● 資料夾複製法? ● 還是使用 Dropbox、Google Drive..等? ● 討論以上方法會遇到的問題
  32. 32. 使用Git版本管理的優點 ● 可以隨時復原到過去的版本(存擋點) ● 多人協作時不會覆蓋到別人的檔案 ● 可以保留修改記錄,知道每個人的程式 更動(可code review) ● 軟體發行時,分出開發版與維護版 ● 實際動手試試看(try git 線上練習)
  33. 33. GitHub 程式碼大觀園 ● 程式設計師的 Facebook ● 天下第一武道會!? ○ Top Php GitHub developers in Taiwan ● 熱門PHP專案排行榜
  34. 34. Markdown 語法 ● 好讀好寫 ● http://markdown.tw/ ● 和 HTML 做個比較 ● https://stackedit.io ● Gist 練習
  35. 35. 三.擁抱社群 ● Open source 改變世界、改變你我 ● 從社群中學習 ● Web 技術近況與展望
  36. 36. 擁抱社群 ● 世界一流高手交流(不再只是學校 的同學或老師、而是全世界) ● 獲得讚美/給予讚美 ● 不同觀點,欣賞各種解決方法 ● 施比受更有福
  37. 37. Where ● GitHub ● Facebook group、Google+、 Twitter ● Stackoverflow ● Slack ● Ptt、Reddit
  38. 38. Web 技術近況與展望 ● web developer skill tree ● HTML、JavaScript、CSS ● Server side programming(PHP、 Ruby、Node.js...等) ● Database
  39. 39. Web 技術近況與展望 ● Full stack engineer ● SPA(single page application) ● Isomorphic JavaScript
  40. 40. Web 技術近況與展望 ● Electron 開發 desktop apps ● React Native ● PhoneGap (Cordova)
  41. 41. Web 技術線上學習 ● http://www.w3schools.com/ ● https://www.udemy.com ● http://tutsplus.com ● http://www.lynda.com ● http://www.imooc.com ● https://www.codeschool.com
  42. 42. 線上講義尋寶 ● http://www.slideshare.net ● https://speakerdeck.com ● http://slides.com/ ● https://www.gitbook.com
  43. 43. 年輕人有無限的可能
  44. 44. 擇其所愛,愛其所擇
  45. 45. Thank you. 歡迎和我聯絡: https://www.facebook.com/bobo52310 https://github.com/bobo52310

×